Vue 3 migration

.github/workflows/client-test.yml

@@ -26,4 +26,24 @@ jobs:
         if: always()
         with:
           check_name: 'Client Test Results'
-          junit_files: '**/client/junit/*.xml'
+          junit_files: '**/client/junit/*.xml'
+  run-client-v3-tests:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: npm ci
+      - name: Run tests
+        run: npm run test:run
+      - name: Publish Test Results
+        uses: EnricoMi/publish-unit-test-result-action@v2
+        if: always()
+        with:
+          check_name: 'Client V3 Test Results'
+          junit_files: '**/client-v3/junit/*.xml'

.github/workflows/nodelint.yml

@@ -53,3 +53,28 @@ jobs:
           node-version: 24
       - run: npm ci
       - run: npm run typecheck
+  run-node-lint-client-v3:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+      - run: npm ci
+      - run: npm run ci-lint
+  run-typecheck-client-v3:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client-v3
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+      - run: npm ci
+      - run: npm run typecheck
+

client-v3/.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+dist/
+dist-electron/
+junit/
+coverage/
+*.backup
+components.d.ts

client-v3/.prettierignore

@@ -0,0 +1,13 @@
+# Dependencies
+node_modules/
+
+# Build outputs
+dist/
+../server/static/
+
+# Test outputs
+coverage/
+junit/
+
+# Backups
+*.backup

client-v3/eslint.config.ts

@@ -0,0 +1,97 @@
+import js from '@eslint/js';
+import pluginVue from 'eslint-plugin-vue';
+import vueParser from 'vue-eslint-parser';
+import globals from 'globals';
+import tsParser from '@typescript-eslint/parser';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import prettierConfig from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+import tseslint from 'typescript-eslint';
+
+const sharedRules = {
+  'prettier/prettier': 'error',
+  ...prettierConfig.rules,
+  'max-len': 'off',
+  'no-unused-vars': 'off',
+  'vue/no-unused-vars': 'off',
+  'no-plusplus': 'off',
+  'no-param-reassign': [
+    'error',
+    {
+      props: true,
+      ignorePropertyModificationsFor: ['state', 'acc', 'e'],
+    },
+  ],
+};
+
+const tsRules = {
+  ...Object.assign({}, ...tseslint.configs.recommended.map((c) => c.rules ?? {})),
+  '@typescript-eslint/no-explicit-any': 'off',
+  '@typescript-eslint/no-unused-vars': 'off',
+};
+
+const sharedGlobals = {
+  ...globals.browser,
+  ...globals.node,
+  ...globals.es2021,
+};
+
+export default [
+  {
+    ignores: [
+      '**/node_modules/**',
+      '**/dist/**',
+      '../server/static/**',
+      'junit/**',
+      '*.backup',
+    ],
+  },
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  // TypeScript source files
+  {
+    files: ['**/*.ts'],
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
+      globals: sharedGlobals,
+    },
+    rules: { ...tsRules, ...sharedRules },
+  },
+  // Vue SFCs — all use <script lang="ts">
+  {
+    files: ['**/*.vue'],
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: tsParser,
+        ecmaVersion: 2022,
+        sourceType: 'module',
+      },
+      globals: sharedGlobals,
+    },
+    rules: { ...tsRules, ...sharedRules },
+  },
+  // Test files — declare vitest globals
+  {
+    files: ['**/*.test.ts'],
+    languageOptions: {
+      globals: {
+        describe: 'readonly',
+        it: 'readonly',
+        expect: 'readonly',
+        vi: 'readonly',
+        beforeEach: 'readonly',
+        afterEach: 'readonly',
+      },
+    },
+  },
+];

client-v3/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DigiScript</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./src/main.ts"></script>
+  </body>
+</html>