Modernise the UI stack

.github/workflows/deploy.yml

@@ -1,24 +1,29 @@
 name: deploy
 on:
   push:
-    branches:
-    - master
+  pull_request:
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
+    - uses: actions/checkout@v7
+    - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+    - uses: actions/setup-node@v7
       with:
-        node-version: 18
-        cache: 'npm'
+        node-version: 26
+        cache: 'pnpm'
     - name: install dependencies
-      run: npm install --include=dev
+      run: pnpm install --frozen-lockfile
+    - name: lint
+      run: pnpm run lint
+    - name: type-check
+      run: pnpm run type-check
     - name: build
-      run: npm run build
+      run: pnpm run build
     - name: deploy build
-      uses: burnett01/rsync-deployments@7.0.1
+      if: github.event_name == 'push' && github.ref == 'refs/heads/master'
+      uses: burnett01/rsync-deployments@155b6d6c1219ab2224c20c58d423a3f1b850395f # 9.0.1
       with:
         switches: -avr
         path: dist/

eslint.config.mjs

@@ -0,0 +1,53 @@
+import js from '@eslint/js';
+import { defineConfig } from 'eslint/config';
+import pluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default defineConfig(
+  {
+    ignores: ['dist/', 'public/', 'tools/', '.claude/', 'src/util/leaflet_tile_workaround.js'],
+  },
+  js.configs.recommended,
+  tseslint.configs.eslintRecommended,
+  pluginVue.configs['flat/essential'],
+  {
+    files: ['src/**/*.{js,ts}'],
+    languageOptions: {
+      parser: tseslint.parser,
+    },
+  },
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser,
+      },
+    },
+  },
+  {
+    files: ['src/**'],
+    languageOptions: {
+      globals: globals.browser,
+    },
+  },
+  {
+    files: ['*.config.mjs'],
+    languageOptions: {
+      globals: globals.node,
+    },
+  },
+  {
+    files: ['*.config.ts'],
+    languageOptions: {
+      parser: tseslint.parser,
+      globals: globals.node,
+    },
+  },
+  {
+    rules: {
+      'no-undef': 'off',
+      'no-unused-vars': 'off',
+    },
+  },
+);

public/index.html → index.html

@@ -8,7 +8,7 @@
   </head>
   <body>
     <div id="app"></div>
-    <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
     <script src="https://static.zeldamods.org/anna-static.js" async defer></script>
   </body>
 </html>