Vue3 prep

.github/workflows/node.yml

@@ -11,27 +11,31 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-    
+
     strategy:
       fail-fast: false
       matrix:
         folder: [website, server]
 
     steps:
     - uses: actions/checkout@v4
+    - name: Install pnpm
+      uses: pnpm/action-setup@v3
+      with:
+        version: 9
     - name: Use Node.js 18.20.2
       uses: actions/setup-node@v4
       with:
         node-version: 18.20.2
-        cache: 'yarn'
-        cache-dependency-path: ./${{ matrix.folder }}/yarn.lock
+        cache: 'pnpm'
+        cache-dependency-path: ./pnpm-lock.yaml
 
     - name: "${{ matrix.folder }}: install"
-      run: yarn install --immutable --immutable-cache --check-cache
+      run: pnpm install
       working-directory: ./${{ matrix.folder }}
     - name: "${{ matrix.folder }}: lint"
-      run: yarn lint
+      run: pnpm lint
       working-directory: ./${{ matrix.folder }}
     - name: "${{ matrix.folder }}: build"
-      run: yarn build
+      run: pnpm build
       working-directory: ./${{ matrix.folder }}

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.idea
+.env

eslint.config.mjs

@@ -0,0 +1,148 @@
+import js from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+import globals from "globals";
+
+
+export default [
+    js.configs.recommended,
+    ...tseslint.configs.recommended,
+    ...pluginVue.configs["flat/strongly-recommended"],
+    {
+        ignores: ["server/src/_deprecated/*"]
+    },
+    {
+        files: ["server/**/*.js"],
+        languageOptions: {
+            globals: {
+                ...globals.node,
+            }
+        },
+        rules: {
+            "@typescript-eslint/no-var-requires": "off",
+        }
+    },
+    {
+        files: ["**/*.js", "**/*.vue", "**/*.ts"],
+        rules: {
+            "linebreak-style": [
+                "error",
+                "unix"
+            ],
+
+            "indent": [
+                "error",
+                4
+            ],
+            "@typescript-eslint/indent": "off",
+
+            "quotes": [
+                "error",
+                "double"
+            ],
+            "@typescript-eslint/quotes": "off",
+
+            "semi": [
+                "error",
+                "always"
+            ],
+            "@typescript-eslint/semi": "off",
+
+            "no-unused-vars": [
+                "warn"
+            ],
+            "@typescript-eslint/no-unused-vars": "off",
+
+            "no-empty": "warn",
+
+            "no-multiple-empty-lines": ["warn", { "max": 2 }],
+            "no-trailing-spaces": ["warn"],
+            "space-before-function-paren": "off",
+            "no-throw-literal": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/space-before-function-paren": "off",
+            "@typescript-eslint/return-await": "off",
+
+            // useful if we ts-ify everything, but not now
+            "@typescript-eslint/strict-boolean-expressions": "off",
+            "@typescript-eslint/restrict-template-expressions": "off",
+            "@typescript-eslint/restrict-plus-operands": "off",
+            "@typescript-eslint/promise-function-async": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "vue/block-lang": "off",
+
+            // good to go through eventually
+            "@typescript-eslint/no-floating-promises": "off",
+            "@typescript-eslint/no-misused-promises": "off",
+            "@typescript-eslint/no-implied-eval": "off",
+
+            // vue specific stuff
+            "vue/multi-word-component-names": "off",
+            "vue/html-indent": ["error", 4],
+            "vue/max-attributes-per-line": ["error", {
+                "singleline": {
+                    "max": 4
+                },
+                "multiline": {
+                    "max": 1
+                }
+            }],
+            "vue/singleline-html-element-content-newline": "off",
+            "vue/require-prop-types": "off",
+            "vue/require-default-prop": "off",
+            "vue/html-closing-bracket-newline": "off",
+            "vue/html-self-closing": ["error", {
+                "html": {
+                    "void": "never",
+                    "normal": "never",
+                    "component": "always"
+                },
+                "svg": "always",
+                "math": "always"
+            }],
+            "vue/attributes-order": "error",
+            "vue/order-in-components": ["error", {
+                "order": [
+                    "el",
+                    "name",
+                    "key",
+                    "parent",
+                    "functional",
+                    ["delimiters", "comments"],
+                    ["components", "directives", "filters"],
+                    "extends",
+                    "mixins",
+                    ["provide", "inject"],
+                    "ROUTER_GUARDS",
+                    "layout",
+                    "middleware",
+                    "validate",
+                    "scrollToTop",
+                    "transition",
+                    "loading",
+                    "inheritAttrs",
+                    "model",
+                    ["props", "propsData"],
+                    "emits",
+                    "setup",
+                    "asyncData",
+                    "data",
+                    "fetch",
+                    "computed",
+                    "methods",
+                    "watch",
+                    "sockets",
+                    "watchQuery",
+                    "LIFECYCLE_HOOKS",
+                    ["template", "render"],
+                    "renderError",
+                    "head",
+                ]
+            }]
+
+        },
+        languageOptions: {
+            ecmaVersion: "latest"
+        },
+    }
+];

package.json

@@ -0,0 +1,14 @@
+{
+  "name": "slmngg-sfc",
+  "private": true,
+  "devDependencies": {
+    "@eslint/js": "^9.2.0",
+    "eslint": "^8",
+    "eslint-plugin-vue": "^9.23.0",
+    "globals": "^15.1.0",
+    "postcss-html": "^1.6.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.8.0"
+  },
+  "packageManager": "[email protected]"
+}