wip2

wip: try out to fix beforeAuth issue
wip
2025-01-17 15:00:30 +01:00 · 2025-01-17 15:00:30 +01:00 · 2025-01-17 15:00:29 +01:00 · 2025-01-17 15:00:29 +01:00 · 2025-01-17 15:00:29 +01:00 · 2025-01-17 15:00:29 +01:00
76 changed files with 607 additions and 469 deletions
@@ -30,5 +30,10 @@
    ],
    "i18n-ally.sortKeys": true,
    "i18n-ally.keepFulfilled": true,
-    "i18n-ally.keystyle": "nested"
+    "i18n-ally.keystyle": "nested",
+
+    // unplugin-vue-router
+    // https://uvr.esm.is/introduction.html#setup
+    "typescript.tsdk": "node_modules/typescript/lib",
+    "typescript.preferences.autoImportFileExcludePatterns": ["vue-router/auto$"]
 }
@@ -2,6 +2,7 @@
 /// <reference types="vite-svg-loader" />
 /// <reference types="cypress" />
 /// <reference types="@histoire/plugin-vue/components" />
+/// <reference types="unplugin-vue-router/client" />

 interface ImportMetaEnv {
 	readonly VIKUNJA_API_URL?: string
@@ -84,5 +84,14 @@ export default [
 		// 	'cypress/*',
 		// ],
 	},
-
+	{
+		// unplugin-vue-router
+		// https://uvr.esm.is/guide/eslint.html#eslint
+		settings: {
+		  'import/core-modules': ['vue-router/auto-routes'],
+		},
+		globals: {
+			'definePage': 'readonly',
+		},
+	},
 ]
@@ -100,6 +100,7 @@
    "tailwindcss": "3.4.17",
    "tippy.js": "6.3.7",
    "ufo": "1.5.4",
+    "unplugin-vue-router": "0.10.9",
    "vue": "3.5.13",
    "vue-advanced-cropper": "2.8.9",
    "vue-flatpickr-component": "11.0.5",
@@ -169,6 +169,9 @@ importers:
      ufo:
        specifier: 1.5.4
        version: 1.5.4
+      unplugin-vue-router:
+        specifier: 0.10.9
+        version: 0.10.9(rollup@4.30.1)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
      vue:
        specifier: 3.5.13
        version: 3.5.13(typescript@5.7.3)
@@ -208,10 +211,10 @@ importers:
        version: 9.4.0
      '@histoire/plugin-screenshot':
        specifier: 0.17.17
-        version: 0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)))
+        version: 0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)))
      '@histoire/plugin-vue':
        specifier: 0.17.17
-        version: 0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)))(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))
+        version: 0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)))(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
      '@tsconfig/node22':
        specifier: 22.0.0
        version: 22.0.0
@@ -238,7 +241,7 @@ importers:
        version: 8.20.0(eslint@9.18.0(jiti@1.21.6))(typescript@5.7.3)
      '@vitejs/plugin-vue':
        specifier: 5.2.1
-        version: 5.2.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))
+        version: 5.2.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
      '@vue/eslint-config-typescript':
        specifier: 14.3.0
        version: 14.3.0(eslint-plugin-vue@9.32.0(eslint@9.18.0(jiti@1.21.6)))(eslint@9.18.0(jiti@1.21.6))(typescript@5.7.3)
@@ -277,7 +280,7 @@ importers:
        version: 16.6.0
      histoire:
        specifier: 0.17.17
-        version: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+        version: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      postcss:
        specifier: 8.5.1
        version: 8.5.1
@@ -307,22 +310,22 @@ importers:
        version: 3.0.0
      vite:
        specifier: 6.0.7
-        version: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+        version: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      vite-plugin-pwa:
        specifier: 0.21.1
-        version: 0.21.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(workbox-build@7.3.0)(workbox-window@7.3.0)
+        version: 0.21.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(workbox-build@7.3.0)(workbox-window@7.3.0)
      vite-plugin-sentry:
        specifier: 1.4.0
-        version: 1.4.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+        version: 1.4.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      vite-plugin-vue-devtools:
        specifier: 7.7.0
-        version: 7.7.0(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))
+        version: 7.7.0(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
      vite-svg-loader:
        specifier: 5.1.0
        version: 5.1.0(vue@3.5.13(typescript@5.7.3))
      vitest:
        specifier: 3.0.1
-        version: 3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+        version: 3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      vue-tsc:
        specifier: 2.2.0
        version: 2.2.0(typescript@5.7.3)
@@ -473,6 +476,11 @@ packages:
    engines: {node: '>=6.0.0'}
    hasBin: true

+  '@babel/parser@7.26.5':
+    resolution: {integrity: sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9':
    resolution: {integrity: sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==}
    engines: {node: '>=6.9.0'}
@@ -889,6 +897,10 @@ packages:
    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
    engines: {node: '>=6.9.0'}

+  '@babel/types@7.26.5':
+    resolution: {integrity: sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==}
+    engines: {node: '>=6.9.0'}
+
  '@bufbuild/protobuf@2.2.2':
    resolution: {integrity: sha512-UNtPCbrwrenpmrXuRwn9jYpPoweNXj8X5sMvYgsqYyaH8jQ6LfUJSk3dJLnBK+6sfYPrF4iAIo5sd5HQ+tg75A==}

@@ -2552,6 +2564,15 @@ packages:
  '@volar/typescript@2.4.11':
    resolution: {integrity: sha512-2DT+Tdh88Spp5PyPbqhyoYavYCPDsqbHLFwcUI9K1NlY1YgUJvujGdrqUp0zWxnW7KWNTr3xSpMuv2WnaTKDAw==}

+  '@vue-macros/common@1.15.1':
+    resolution: {integrity: sha512-O0ZXaladWXwHplQnSjxLbB/G1KpdWCUNJPNYVHIxHonGex1BGpoB4fBZZLgddHgAiy18VZG/Iu5L0kwG+SV7JQ==}
+    engines: {node: '>=16.14.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
  '@vue/babel-helper-vue-transform-on@1.2.5':
    resolution: {integrity: sha512-lOz4t39ZdmU4DJAa2hwPYmKc8EsuGa2U0L9KaZaOJUt0UwQNjNA3AZTq6uEivhOKhhG1Wvy96SvYBoFmCg3uuw==}

@@ -2786,6 +2807,14 @@ packages:
    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
    engines: {node: '>=12'}

+  ast-kit@1.3.2:
+    resolution: {integrity: sha512-gdvX700WVC6sHCJQ7bJGfDvtuKAh6Sa6weIZROxfzUZKP7BjvB8y0SMlM/o4omSQ3L60PQSJROBJsb0vEViVnA==}
+    engines: {node: '>=16.14.0'}
+
+  ast-walker-scope@0.6.2:
+    resolution: {integrity: sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==}
+    engines: {node: '>=16.14.0'}
+
  astral-regex@2.0.0:
    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
    engines: {node: '>=8'}
@@ -3098,6 +3127,9 @@ packages:
  confbox@0.1.7:
    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}

+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
  config-chain@1.1.13:
    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}

@@ -4452,6 +4484,10 @@ packages:
      enquirer:
        optional: true

+  local-pkg@0.5.1:
+    resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==}
+    engines: {node: '>=14'}
+
  locate-path@5.0.0:
    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
    engines: {node: '>=8'}
@@ -4510,6 +4546,10 @@ packages:
  lru-cache@5.1.1:
    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}

+  magic-string-ast@0.6.3:
+    resolution: {integrity: sha512-C9sgUzVZtUtzCBoMdYtwrIRQ4IucGRFGgdhkjL7PXsVfPYmTuWtewqzk7dlipaCMWH/gOYehW9rgMoa4Oebtpw==}
+    engines: {node: '>=16.14.0'}
+
  magic-string@0.25.9:
    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}

@@ -4639,6 +4679,9 @@ packages:
  mlly@1.7.1:
    resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}

+  mlly@1.7.4:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
+
  mri@1.2.0:
    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
    engines: {node: '>=4'}
@@ -4919,8 +4962,8 @@ packages:
  pathe@1.1.2:
    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}

-  pathe@2.0.1:
-    resolution: {integrity: sha512-6jpjMpOth5S9ITVu5clZ7NOgHNsv5vRQdheL9ztp2vZmM6fRbLvyua1tiBIL4lk8SAe3ARzeXEly6siXCjDHDw==}
+  pathe@2.0.2:
+    resolution: {integrity: sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==}

  pathval@2.0.0:
    resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
@@ -4979,6 +5022,9 @@ packages:
  pkg-types@1.2.0:
    resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}

+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
  possible-typed-array-names@1.0.0:
    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
    engines: {node: '>= 0.4'}
@@ -5639,6 +5685,9 @@ packages:
    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
    engines: {node: '>=v12.22.7'}

+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
  section-matter@1.0.0:
    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
    engines: {node: '>=4'}
@@ -6184,10 +6233,22 @@ packages:
      html-webpack-plugin:
        optional: true

+  unplugin-vue-router@0.10.9:
+    resolution: {integrity: sha512-DXmC0GMcROOnCmN56GRvi1bkkG1BnVs4xJqNvucBUeZkmB245URvtxOfbo3H6q4SOUQQbLPYWd6InzvjRh363A==}
+    peerDependencies:
+      vue-router: ^4.4.0
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
+
  unplugin@1.12.2:
    resolution: {integrity: sha512-bEqQxeC7rxtxPZ3M5V4Djcc4lQqKPgGe3mAWZvxcSmX5jhGxll19NliaRzQSQPrk4xJZSGniK3puLWpRuZN7VQ==}
    engines: {node: '>=14.0.0'}

+  unplugin@2.0.0-beta.1:
+    resolution: {integrity: sha512-2qzQo5LN2DmUZXkWDHvGKLF5BP0WN+KthD6aPnPJ8plRBIjv4lh5O07eYcSxgO2znNw9s4MNhEO1sB+JDllDbQ==}
+    engines: {node: '>=18.12.0'}
+
  untildify@4.0.0:
    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
    engines: {node: '>=8'}
@@ -6674,6 +6735,11 @@ packages:
    engines: {node: '>= 14'}
    hasBin: true

+  yaml@2.7.0:
+    resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
  yargs-parser@18.1.3:
    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
    engines: {node: '>=6'}
@@ -6900,6 +6966,10 @@ snapshots:
    dependencies:
      '@babel/types': 7.26.0

+  '@babel/parser@7.26.5':
+    dependencies:
+      '@babel/types': 7.26.5
+
  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.26.0)':
    dependencies:
      '@babel/core': 7.26.0
@@ -7427,6 +7497,11 @@ snapshots:
      '@babel/helper-string-parser': 7.25.9
      '@babel/helper-validator-identifier': 7.25.9

+  '@babel/types@7.26.5':
+    dependencies:
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+
  '@bufbuild/protobuf@2.2.2': {}

  '@cliqz/adblocker-content@1.33.0':
@@ -8018,10 +8093,10 @@ snapshots:
    dependencies:
      '@hapi/hoek': 9.3.0

-  '@histoire/app@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
+  '@histoire/app@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))':
    dependencies:
-      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
+      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      '@histoire/vendors': 0.17.17
      '@types/flexsearch': 0.7.6
      flexsearch: 0.7.21
@@ -8029,7 +8104,7 @@ snapshots:
    transitivePeerDependencies:
      - vite

-  '@histoire/controls@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
+  '@histoire/controls@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))':
    dependencies:
      '@codemirror/commands': 6.6.0
      '@codemirror/lang-json': 6.0.1
@@ -8038,17 +8113,17 @@ snapshots:
      '@codemirror/state': 6.4.1
      '@codemirror/theme-one-dark': 6.1.2
      '@codemirror/view': 6.33.0
-      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      '@histoire/vendors': 0.17.17
    transitivePeerDependencies:
      - vite

-  '@histoire/plugin-screenshot@0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)))':
+  '@histoire/plugin-screenshot@0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)))':
    dependencies:
      capture-website: 2.4.1
      defu: 6.1.4
      fs-extra: 10.1.0
-      histoire: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      histoire: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      pathe: 1.1.2
    transitivePeerDependencies:
      - bufferutil
@@ -8056,21 +8131,21 @@ snapshots:
      - supports-color
      - utf-8-validate

-  '@histoire/plugin-vue@0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)))(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))':
+  '@histoire/plugin-vue@0.17.17(histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)))(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
    dependencies:
-      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
+      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      '@histoire/vendors': 0.17.17
      change-case: 4.1.2
      globby: 13.2.2
-      histoire: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      histoire: 0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      launch-editor: 2.8.1
      pathe: 1.1.2
      vue: 3.5.13(typescript@5.7.3)
    transitivePeerDependencies:
      - vite

-  '@histoire/shared@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
+  '@histoire/shared@0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))':
    dependencies:
      '@histoire/vendors': 0.17.17
      '@types/fs-extra': 9.0.13
@@ -8078,7 +8153,7 @@ snapshots:
      chokidar: 3.6.0
      pathe: 1.1.2
      picocolors: 1.1.1
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)

  '@histoire/vendors@0.17.17': {}

@@ -8973,9 +9048,9 @@ snapshots:
      '@typescript-eslint/types': 8.20.0
      eslint-visitor-keys: 4.2.0

-  '@vitejs/plugin-vue@5.2.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue@5.2.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
    dependencies:
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      vue: 3.5.13(typescript@5.7.3)

  '@vitest/expect@3.0.1':
@@ -8985,13 +9060,13 @@ snapshots:
      chai: 5.1.2
      tinyrainbow: 2.0.0

-  '@vitest/mocker@3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
+  '@vitest/mocker@3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))':
    dependencies:
      '@vitest/spy': 3.0.1
      estree-walker: 3.0.3
      magic-string: 0.30.17
    optionalDependencies:
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)

  '@vitest/pretty-format@3.0.1':
    dependencies:
@@ -9000,13 +9075,13 @@ snapshots:
  '@vitest/runner@3.0.1':
    dependencies:
      '@vitest/utils': 3.0.1
-      pathe: 2.0.1
+      pathe: 2.0.2

  '@vitest/snapshot@3.0.1':
    dependencies:
      '@vitest/pretty-format': 3.0.1
      magic-string: 0.30.17
-      pathe: 2.0.1
+      pathe: 2.0.2

  '@vitest/spy@3.0.1':
    dependencies:
@@ -9030,6 +9105,19 @@ snapshots:
      path-browserify: 1.0.1
      vscode-uri: 3.0.8

+  '@vue-macros/common@1.15.1(rollup@4.30.1)(vue@3.5.13(typescript@5.7.3))':
+    dependencies:
+      '@babel/types': 7.26.5
+      '@rollup/pluginutils': 5.1.3(rollup@4.30.1)
+      '@vue/compiler-sfc': 3.5.13
+      ast-kit: 1.3.2
+      local-pkg: 0.5.1
+      magic-string-ast: 0.6.3
+    optionalDependencies:
+      vue: 3.5.13(typescript@5.7.3)
+    transitivePeerDependencies:
+      - rollup
+
  '@vue/babel-helper-vue-transform-on@1.2.5': {}

  '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.26.0)':
@@ -9097,14 +9185,14 @@ snapshots:

  '@vue/devtools-api@6.6.4': {}

-  '@vue/devtools-core@7.7.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vue/devtools-core@7.7.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
    dependencies:
      '@vue/devtools-kit': 7.7.0
      '@vue/devtools-shared': 7.7.0
      mitt: 3.0.1
      nanoid: 5.0.9
      pathe: 1.1.2
-      vite-hot-client: 0.2.4(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      vite-hot-client: 0.2.4(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      vue: 3.5.13(typescript@5.7.3)
    transitivePeerDependencies:
      - vite
@@ -9338,6 +9426,16 @@ snapshots:

  assertion-error@2.0.1: {}

+  ast-kit@1.3.2:
+    dependencies:
+      '@babel/parser': 7.26.5
+      pathe: 1.1.2
+
+  ast-walker-scope@0.6.2:
+    dependencies:
+      '@babel/parser': 7.26.1
+      ast-kit: 1.3.2
+
  astral-regex@2.0.0: {}

  async@3.2.6: {}
@@ -9669,6 +9767,8 @@ snapshots:

  confbox@0.1.7: {}

+  confbox@0.1.8: {}
+
  config-chain@1.1.13:
    dependencies:
      ini: 1.3.8
@@ -10752,12 +10852,12 @@ snapshots:

  highlight.js@11.11.1: {}

-  histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)):
+  histoire@0.17.17(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)):
    dependencies:
      '@akryum/tinypool': 0.3.1
-      '@histoire/app': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@histoire/app': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
+      '@histoire/controls': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
+      '@histoire/shared': 0.17.17(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      '@histoire/vendors': 0.17.17
      '@types/flexsearch': 0.7.6
      '@types/markdown-it': 12.2.3
@@ -10784,7 +10884,7 @@ snapshots:
      sade: 1.8.1
      shiki-es: 0.2.0
      sirv: 2.0.4
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      vite-node: 0.34.7(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)
    transitivePeerDependencies:
      - '@types/node'
@@ -11237,6 +11337,11 @@ snapshots:
    optionalDependencies:
      enquirer: 2.4.1

+  local-pkg@0.5.1:
+    dependencies:
+      mlly: 1.7.4
+      pkg-types: 1.3.1
+
  locate-path@5.0.0:
    dependencies:
      p-locate: 4.1.0
@@ -11293,6 +11398,10 @@ snapshots:
    dependencies:
      yallist: 3.1.1

+  magic-string-ast@0.6.3:
+    dependencies:
+      magic-string: 0.30.14
+
  magic-string@0.25.9:
    dependencies:
      sourcemap-codec: 1.4.8
@@ -11423,6 +11532,13 @@ snapshots:
      pkg-types: 1.2.0
      ufo: 1.5.4

+  mlly@1.7.4:
+    dependencies:
+      acorn: 8.14.0
+      pathe: 2.0.2
+      pkg-types: 1.3.1
+      ufo: 1.5.4
+
  mri@1.2.0: {}

  mrmime@1.0.1: {}
@@ -11679,7 +11795,7 @@ snapshots:

  pathe@1.1.2: {}

-  pathe@2.0.1: {}
+  pathe@2.0.2: {}

  pathval@2.0.0: {}

@@ -11727,6 +11843,12 @@ snapshots:
      mlly: 1.7.1
      pathe: 1.1.2

+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.2
+
  possible-typed-array-names@1.0.0: {}

  postcss-attribute-case-insensitive@7.0.1(postcss@8.5.1):
@@ -12478,6 +12600,8 @@ snapshots:
    dependencies:
      xmlchars: 2.2.0

+  scule@1.3.0: {}
+
  section-matter@1.0.0:
    dependencies:
      extend-shallow: 2.0.1
@@ -13052,6 +13176,28 @@ snapshots:
      unplugin: 1.12.2
      webpack-sources: 3.2.3

+  unplugin-vue-router@0.10.9(rollup@4.30.1)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3)):
+    dependencies:
+      '@babel/types': 7.26.0
+      '@rollup/pluginutils': 5.1.3(rollup@4.30.1)
+      '@vue-macros/common': 1.15.1(rollup@4.30.1)(vue@3.5.13(typescript@5.7.3))
+      ast-walker-scope: 0.6.2
+      chokidar: 3.6.0
+      fast-glob: 3.3.3
+      json5: 2.2.3
+      local-pkg: 0.5.1
+      magic-string: 0.30.14
+      mlly: 1.7.4
+      pathe: 1.1.2
+      scule: 1.3.0
+      unplugin: 2.0.0-beta.1
+      yaml: 2.7.0
+    optionalDependencies:
+      vue-router: 4.5.0(vue@3.5.13(typescript@5.7.3))
+    transitivePeerDependencies:
+      - rollup
+      - vue
+
  unplugin@1.12.2:
    dependencies:
      acorn: 8.12.1
@@ -13059,6 +13205,11 @@ snapshots:
      webpack-sources: 3.2.3
      webpack-virtual-modules: 0.6.2

+  unplugin@2.0.0-beta.1:
+    dependencies:
+      acorn: 8.14.0
+      webpack-virtual-modules: 0.6.2
+
  untildify@4.0.0: {}

  upath@1.2.0: {}
@@ -13125,9 +13276,9 @@ snapshots:
      core-util-is: 1.0.2
      extsprintf: 1.3.0

-  vite-hot-client@0.2.4(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)):
+  vite-hot-client@0.2.4(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)):
    dependencies:
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)

  vite-node@0.34.7(@types/node@22.10.7)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6):
    dependencies:
@@ -13148,13 +13299,13 @@ snapshots:
      - supports-color
      - terser

-  vite-node@3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
+  vite-node@3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0):
    dependencies:
      cac: 6.7.14
      debug: 4.4.0(supports-color@8.1.1)
      es-module-lexer: 1.6.0
-      pathe: 2.0.1
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      pathe: 2.0.2
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
    transitivePeerDependencies:
      - '@types/node'
      - jiti
@@ -13169,7 +13320,7 @@ snapshots:
      - tsx
      - yaml

-  vite-plugin-inspect@0.8.9(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)):
+  vite-plugin-inspect@0.8.9(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)):
    dependencies:
      '@antfu/utils': 0.7.10
      '@rollup/pluginutils': 5.1.3(rollup@4.30.1)
@@ -13180,47 +13331,47 @@ snapshots:
      perfect-debounce: 1.0.0
      picocolors: 1.1.1
      sirv: 3.0.0
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
    transitivePeerDependencies:
      - rollup
      - supports-color

-  vite-plugin-pwa@0.21.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(workbox-build@7.3.0)(workbox-window@7.3.0):
+  vite-plugin-pwa@0.21.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(workbox-build@7.3.0)(workbox-window@7.3.0):
    dependencies:
      debug: 4.3.7
      pretty-bytes: 6.1.1
      tinyglobby: 0.2.10
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      workbox-build: 7.3.0
      workbox-window: 7.3.0
    transitivePeerDependencies:
      - supports-color

-  vite-plugin-sentry@1.4.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)):
+  vite-plugin-sentry@1.4.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)):
    dependencies:
      '@sentry/cli': 2.33.1
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
    transitivePeerDependencies:
      - encoding
      - supports-color

-  vite-plugin-vue-devtools@7.7.0(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3)):
+  vite-plugin-vue-devtools@7.7.0(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3)):
    dependencies:
-      '@vue/devtools-core': 7.7.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))(vue@3.5.13(typescript@5.7.3))
+      '@vue/devtools-core': 7.7.0(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
      '@vue/devtools-kit': 7.7.0
      '@vue/devtools-shared': 7.7.0
      execa: 9.5.1
      sirv: 3.0.0
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
-      vite-plugin-inspect: 0.8.9(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      vite-plugin-vue-inspector: 5.3.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
+      vite-plugin-inspect: 0.8.9(rollup@4.30.1)(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
+      vite-plugin-vue-inspector: 5.3.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
    transitivePeerDependencies:
      - '@nuxt/kit'
      - rollup
      - supports-color
      - vue

-  vite-plugin-vue-inspector@5.3.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)):
+  vite-plugin-vue-inspector@5.3.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)):
    dependencies:
      '@babel/core': 7.26.0
      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
@@ -13231,7 +13382,7 @@ snapshots:
      '@vue/compiler-dom': 3.5.13
      kolorist: 1.8.0
      magic-string: 0.30.14
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
    transitivePeerDependencies:
      - supports-color

@@ -13252,7 +13403,7 @@ snapshots:
      sass-embedded: 1.83.4
      terser: 5.31.6

-  vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
+  vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0):
    dependencies:
      esbuild: 0.24.2
      postcss: 8.5.1
@@ -13264,12 +13415,12 @@ snapshots:
      sass: 1.80.6
      sass-embedded: 1.83.4
      terser: 5.31.6
-      yaml: 2.5.0
+      yaml: 2.7.0

-  vitest@3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
+  vitest@3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0):
    dependencies:
      '@vitest/expect': 3.0.1
-      '@vitest/mocker': 3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@vitest/mocker': 3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0))
      '@vitest/pretty-format': 3.0.1
      '@vitest/runner': 3.0.1
      '@vitest/snapshot': 3.0.1
@@ -13279,14 +13430,14 @@ snapshots:
      debug: 4.4.0(supports-color@8.1.1)
      expect-type: 1.1.0
      magic-string: 0.30.17
-      pathe: 2.0.1
+      pathe: 2.0.2
      std-env: 3.8.0
      tinybench: 2.9.0
      tinyexec: 0.3.2
      tinypool: 1.0.2
      tinyrainbow: 2.0.0
-      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
-      vite-node: 3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
+      vite-node: 3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.7.0)
      why-is-node-running: 2.3.0
    optionalDependencies:
      '@types/node': 22.10.7
@@ -13643,6 +13794,8 @@ snapshots:

  yaml@2.5.0: {}

+  yaml@2.7.0: {}
+
  yargs-parser@18.1.3:
    dependencies:
      camelcase: 5.3.1
@@ -37,7 +37,7 @@
 					v-slot="{ Component }"
 					:route="routeWithModal"
 				>
-					<keep-alive :include="['project.view']">
+					<keep-alive :include="['project']">
 						<component :is="Component" />
 					</keep-alive>
 				</RouterView>
@@ -15,7 +15,7 @@
 				/>
 			</BaseButton>
 			<BaseButton
-				:to="{ name: 'project.index', params: { projectId: project.id} }"
+				:to="{ name: 'project', params: { projectId: project.id} }"
 				class="list-menu-link"
 				:class="{'router-link-exact-active': currentProject?.id === project.id}"
 			>
@@ -62,7 +62,7 @@ export const KEYBOARD_SHORTCUTS : ShortcutGroup[] = [
 	},
 	{
 		title: 'project.kanban.title',
-		available: (route) => route.name === 'project.view',
+		available: (route) => route.name === 'project',
 		shortcuts: [
 			{
 				title: 'keyboardShortcuts.task.done',
@@ -103,7 +103,7 @@
 				{{ $t('project.webhooks.title') }}
 			</DropdownItem>
 			<DropdownItem
-				:to="{ name: 'project.createFromParent', params: { parentProjectId: project.id } }"
+				:to="{ name: 'project.create', params: { parentProjectId: project.id } }"
 				icon="layer-group"
 			>
 				{{ $t('menu.createProject') }}
@@ -20,7 +20,7 @@
 					:key="view.id"
 					class="switch-view-button"
 					:class="{'is-active': view.id === viewId}"
-					:to="{ name: 'project.view', params: { projectId, viewId: view.id } }"
+					:to="{ name: 'project', params: { projectId, viewId: view.id } }"
 				>
 					{{ getViewTitle(view) }}
 				</BaseButton>
@@ -42,7 +42,7 @@
 </template>

 <script setup lang="ts">
-import {computed, ref, watch} from 'vue'
+import {computed, ref, shallowReactive, watch, watchEffect} from 'vue'
 import {useRoute} from 'vue-router'

 import BaseButton from '@/components/base/BaseButton.vue'
@@ -72,7 +72,7 @@ const {t} = useI18n()

 const baseStore = useBaseStore()
 const projectStore = useProjectStore()
-const projectService = ref(new ProjectService())
+const projectService = shallowReactive(new ProjectService())
 const loadedProjectId = ref(0)

 const currentProject = computed<IProject>(() => {
@@ -96,8 +96,7 @@ watch(
 	() => props.projectId,
 	// loadProject
 	async (projectIdToLoad: number) => {
-		const projectData = {id: projectIdToLoad}
-		saveProjectToHistory(projectData)
+		saveProjectToHistory({id: projectIdToLoad})

 		// Don't load the project if we either already loaded it or aren't dealing with a project at all currently and
 		// the currently loaded project has the right set.
@@ -117,15 +116,15 @@ watch(

 		// Set the current project to the one we're about to load so that the title is already shown at the top
 		loadedProjectId.value = 0
-		const projectFromStore = projectStore.projects[projectData.id]
+		const projectFromStore = projectStore.projects[projectIdToLoad]
 		if (projectFromStore) {
 			baseStore.handleSetCurrentProject({project: projectFromStore, currentProjectViewId: props.viewId})
 		}

 		// We create an extra project object instead of creating it in project.value because that would trigger a ui update which would result in bad ux.
-		const project = new ProjectModel(projectData)
+		const project = new ProjectModel({id: projectIdToLoad})
 		try {
-			const loadedProject = await projectService.value.get(project)
+			const loadedProject = await projectService.get(project)
 			baseStore.handleSetCurrentProject({project: loadedProject, currentProjectViewId: props.viewId})
 		} finally {
 			loadedProjectId.value = projectIdToLoad
@@ -134,13 +133,7 @@ watch(
 	{immediate: true},
 )

-watch(
-	() => props.viewId,
-	() => {
-		baseStore.setCurrentProjectViewId(props.viewId)
-	},
-	{immediate: true},
-)
+watchEffect(() =>  baseStore.setCurrentProjectViewId(props.viewId))

 function getViewTitle(view: IProjectView) {
 	switch (view.title) {
@@ -37,7 +37,7 @@
 			:aria-label="project.title"
 			:title="textOnlyDescription"
 			:to="{
-				name: 'project.index',
+				name: 'project',
 				params: { projectId: project.id}
 			}"
 		/>
@@ -85,7 +85,7 @@ import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
 import TaskForm from '@/components/tasks/TaskForm.vue'

 import {createAsyncComponent} from '@/helpers/createAsyncComponent'
-import {useGanttFilters} from '../../../views/project/helpers/useGanttFilters'
+import {useGanttFilters} from '@/composables/useGanttFilters'
 import {RIGHTS} from '@/constants/rights'

 import type {DateISO} from '@/types/DateISO'
@@ -449,7 +449,7 @@ async function doAction(type: ACTION_TYPE, item: DoAction) {
 		case ACTION_TYPE.PROJECT:
 			closeQuickActions()
 			await router.push({
-				name: 'project.index',
+				name: 'project',
 				params: {projectId: (item as DoAction<IProject>).id},
 			})
 			break
@@ -54,7 +54,7 @@ import {parseKebabDate} from '@/helpers/time/parseKebabDate'

 import type {ITask, ITaskPartialWithId} from '@/modelTypes/ITask'
 import type {DateISO} from '@/types/DateISO'
-import type {GanttFilters} from '@/views/project/helpers/useGanttFilters'
+import type {GanttFilters} from '@/composables/useGanttFilters'

 import {
 	extendDayjs,
@@ -28,7 +28,7 @@
 					<RouterLink
 						v-if="showProject && typeof project !== 'undefined'"
 						v-tooltip="$t('task.detail.belongsToProject', {project: project.title})"
-						:to="{ name: 'project.index', params: { projectId: task.projectId } }"
+						:to="{ name: 'project', params: { projectId: task.projectId } }"
 						class="task-project mr-1"
 						:class="{'mr-2': task.hexColor !== ''}"
 						@click.stop
@@ -139,7 +139,7 @@
 			<RouterLink
 				v-if="showProjectSeparately"
 				v-tooltip="$t('task.detail.belongsToProject', {project: project.title})"
-				:to="{ name: 'project.index', params: { projectId: task.projectId } }"
+				:to="{ name: 'project', params: { projectId: task.projectId } }"
 				class="task-project"
 				@click.stop
 			>
@@ -5,7 +5,7 @@ import {isoToKebabDate} from '@/helpers/time/isoToKebabDate'
 import {parseDateProp} from '@/helpers/time/parseDateProp'
 import {parseBooleanProp} from '@/helpers/time/parseBooleanProp'
 import {useRouteFilters} from '@/composables/useRouteFilters'
-import {useGanttTaskList} from './useGanttTaskList'
+import {useGanttTaskList} from '@/composables/useGanttTaskList'

 import type {IProject} from '@/modelTypes/IProject'
 import type {TaskFilterParams} from '@/services/taskCollection'
@@ -72,7 +72,7 @@ function ganttFiltersToRoute(filters: GanttFilters): RouteLocationRaw {
 	}

 	return {
-		name: 'project.view',
+		name: 'project',
 		params: {
 			projectId: filters.projectId,
 			viewId: filters.viewId,
@@ -104,7 +104,7 @@ export function useGanttFilters(route: Ref<RouteLocationNormalized>, viewId: Ref
 		ganttGetDefaultFilters,
 		ganttRouteToFilters,
 		ganttFiltersToRoute,
-		['project.view'],
+		['project'],
 	)

 	const {
@@ -72,7 +72,7 @@ export function useRouteWithModal() {
 			}

 			const newRoute = {
-				name: 'project.view',
+				name: 'project',
 				params: {
 					projectId: baseStore.currentProject?.id,
 					viewId,
@@ -1,9 +1,9 @@
-import wunderlistIcon from './icons/wunderlist.jpg'
-import todoistIcon from './icons/todoist.svg?url'
-import trelloIcon from './icons/trello.svg?url'
-import microsoftTodoIcon from './icons/microsoft-todo.svg?url'
-import vikunjaFileIcon from './icons/vikunja-file.png?url'
-import tickTickIcon from './icons/ticktick.svg?url'
+import wunderlistIcon from '@/assets/migrators/wunderlist.jpg'
+import todoistIcon from '@/assets/migrators/todoist.svg?url'
+import trelloIcon from '@/assets/migrators/trello.svg?url'
+import microsoftTodoIcon from '@/assets/migrators/microsoft-todo.svg?url'
+import vikunjaFileIcon from '@/assets/migrators/vikunja-file.png?url'
+import tickTickIcon from '@/assets/migrators/ticktick.svg?url'

 export interface Migrator {
 	id: string
@@ -73,26 +73,26 @@ setLanguage(browserLanguage).then(() => {
 		error(err)
 	}

-	if (import.meta.env.DEV) {
-		app.config.warnHandler = (msg) => {
-			error(msg)
-			throw msg
-		}
+	// if (import.meta.env.DEV) {
+	// 	app.config.warnHandler = (msg) => {
+	// 		error(msg)
+	// 		throw msg
+	// 	}

-		// https://stackoverflow.com/a/52076738/15522256
-		window.addEventListener('error', (err) => {
-			error(err)
-			throw err
-		})
+	// 	// https://stackoverflow.com/a/52076738/15522256
+	// 	window.addEventListener('error', (err) => {
+	// 		error(err)
+	// 		throw err
+	// 	})


-		window.addEventListener('unhandledrejection', (err) => {
-			// event.promise contains the promise object
-			// event.reason contains the reason for the rejection
-			error(err)
-			throw err
-		})
-	}
+	// 	window.addEventListener('unhandledrejection', (err) => {
+	// 		// event.promise contains the promise object
+	// 		// event.reason contains the reason for the rejection
+	// 		error(err)
+	// 		throw err
+	// 	})
+	// }

 	app.config.globalProperties.$message = {
 		error,
@@ -8,5 +8,13 @@
 <script setup lang="ts">
 import {useTitle} from '@/composables/useTitle'

+// regarding the name of this component, see
+// https://github.com/posva/unplugin-vue-router/issues/412#issuecomment-2150643118
+definePage({
+	name: 'not-found',
+})
+
+defineOptions({ name: 'NotFound' })
+
 useTitle(() => '404')
 </script>
@@ -71,6 +71,11 @@ import PasswordResetModel from '@/models/passwordReset'
 import PasswordResetService from '@/services/passwordReset'
 import Message from '@/components/misc/Message.vue'

+definePage({
+	name: 'user.password-reset.request',
+	meta: { title: 'user.auth.resetPassword' },
+})
+
 const passwordResetService = shallowReactive(new PasswordResetService())
 const passwordReset = ref(new PasswordResetModel())
 const errorMsg = ref('')
@@ -161,6 +161,11 @@ import {useConfigStore} from '@/stores/config'

 import {useTitle} from '@/composables/useTitle'

+definePage({
+	name: 'user.login',
+	meta: { title: 'user.auth.login' },
+})
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => t('user.auth.login'))

@@ -58,6 +58,11 @@ import PasswordResetService from '@/services/passwordReset'
 import Message from '@/components/misc/Message.vue'
 import Password from '@/components/input/Password.vue'

+definePage({
+	name: 'user.password-reset.reset',
+	meta: { title: 'user.auth.resetPassword' },
+})
+
 const credentials = reactive({
 	password: '',
 })
@@ -32,6 +32,8 @@ import {computed} from 'vue'

 import {useConfigStore} from '@/stores/config'

+definePage({ name: 'about' })
+
 const configStore = useConfigStore()
 const apiVersion = computed(() => configStore.version)
 </script>
@@ -34,6 +34,8 @@ import {useRedirectToLastVisited} from '@/composables/useRedirectToLastVisited'

 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'openid.auth' })
+
 const {t} = useI18n({useScope: 'global'})

 const route = useRoute()
@@ -88,6 +88,11 @@ import Filters from '@/components/project/partials/Filters.vue'

 import {useSavedFilter} from '@/services/savedFilter'

+definePage({
+	name: 'filters.create',
+	meta: { showAsModal: true }
+})
+
 const {
 	filter,
 	filters,
@@ -58,7 +58,7 @@
 import {ref, computed} from 'vue'

 import Message from '@/components/misc/Message.vue'
-import ShowTasks from '@/views/tasks/ShowTasks.vue'
+import ShowTasks from '@/components/tasks/ShowTasks.vue'
 import ProjectCardGrid from '@/components/project/partials/ProjectCardGrid.vue'
 import AddTask from '@/components/tasks/AddTask.vue'

@@ -73,6 +73,8 @@ import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'
 import {useTaskStore} from '@/stores/tasks'

+definePage({ name: 'home' })
+
 const salutation = useDaytimeSalutation()

 const baseStore = useBaseStore()
@@ -149,6 +149,8 @@ import {useLabelStore} from '@/stores/labels'

 import { useTitle } from '@/composables/useTitle'

+definePage({ name: 'labels.index' })
+
 const {t} = useI18n({useScope: 'global'})

 const labelEditLabel = ref<ILabel>(new LabelModel())
@@ -54,6 +54,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {getRandomColorHex} from '@/helpers/color/randomColor'

+definePage({ name: 'labels.create' })
+
 const router = useRouter()

 const {t} = useI18n({useScope: 'global'})
@@ -110,16 +110,6 @@
 	</div>
 </template>

-<script lang="ts">
-export default {
-	beforeRouteEnter(to) {
-		if (MIGRATORS[to.params.service as string] === undefined) {
-			return {name: 'not-found'}
-		}
-	},
-}
-</script>
-
 <script setup lang="ts">
 import {computed, ref, shallowReactive} from 'vue'
 import {useI18n} from 'vue-i18n'
@@ -133,11 +123,24 @@ import AbstractMigrationFileService from '@/services/migrator/abstractMigrationF
 import {formatDateLong} from '@/helpers/time/formatDate'
 import {parseDateOrNull} from '@/helpers/parseDateOrNull'

-import {MIGRATORS, type Migrator} from './migrators'
+import {MIGRATORS, type Migrator} from '@/helpers/migrators'
 import {useTitle} from '@/composables/useTitle'
 import {useProjectStore} from '@/stores/projects'
 import {getErrorText} from '@/message'

+definePage({
+	name: 'migrate.service',
+	props: route => ({
+		service: route.params.service as string,
+		code: route.query.code as string,
+	}),
+	beforeEnter(to) {
+		if (MIGRATORS[to.params.service as string] === undefined) {
+			return {name: 'not-found'}
+		}
+	}
+})
+
 const props = defineProps<{
 	service: string,
 	code?: string,
@@ -65,6 +65,14 @@ import {useProjectStore} from '@/stores/projects'
 import ProjectSearch from '@/components/tasks/partials/ProjectSearch.vue'
 import type {IProject} from '@/modelTypes/IProject'

+definePage({
+	name: 'project.create',
+	props: route => ({ parentProjectId: Number(route.params.parentProjectId as string) }),
+	meta: {
+		showAsModal: true,
+	},
+})
+
 const props = defineProps<{
 	parentProjectId?: number,
 }>()
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {computed, watch} from 'vue'
+import {computed, watch, watchEffect} from 'vue'
 import {useProjectStore} from '@/stores/projects'
 import {useRoute, useRouter} from 'vue-router'
-import {saveProjectView} from '@/helpers/projectView'
+import {getProjectViewId, saveProjectView} from '@/helpers/projectView'

 import ProjectList from '@/components/project/views/ProjectList.vue'
 import ProjectGantt from '@/components/project/views/ProjectGantt.vue'
@@ -11,6 +11,35 @@ import ProjectKanban from '@/components/project/views/ProjectKanban.vue'
 import {useAuthStore} from '@/stores/auth'
 import {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'

+definePage({
+	name: 'project',
+	// beforeEnter(to) {
+	// 	if (to.name !== 'project') {
+	// 		throw new Error()
+	// 	}
+
+	// 	const projectId = Number(to.params?.projectId)
+	// 	const viewIdFromRoute = Number(to.params?.viewId)
+
+	// 	const newViewid = getProjectViewId(projectId) ?? 0
+
+	// 	if (!viewIdFromRoute || viewIdFromRoute !== newViewid) {
+	// 		return {
+	// 			name: 'project',
+	// 			replace: true,
+	// 			params: {
+	// 				projectId,
+	// 				viewId: newViewid,
+	// 			},
+	// 		}
+	// 	}
+	// },
+	props: route => ({ 
+		projectId: parseInt(route.params.projectId as string),
+		viewId: route.params.viewId ? parseInt(route.params.viewId as string): undefined,
+	}),
+})
+
 const props = defineProps<{
 	projectId: number,
 	viewId: number,
@@ -27,23 +56,24 @@ const currentView = computed(() => {
 })

 function redirectToDefaultViewIfNecessary() {
-	if (props.viewId === 0 || !projectStore.projects[props.projectId]?.views.find(v => v.id === props.viewId)) {
+	if (props.viewId === 0 || !currentView.value) {
 		// Ideally, we would do that in the router redirect, but the projects (and therefore, the views) 
 		// are not always loaded then.

 		let view
-		if (authStore.settings.frontendSettings.defaultView !== DEFAULT_PROJECT_VIEW_SETTINGS.FIRST) {
-			view = projectStore.projects[props.projectId]?.views.find(v => v.viewKind === authStore.settings.frontendSettings.defaultView)
+		const defaultView = authStore.settings.frontendSettings.defaultView
+		if (defaultView !== DEFAULT_PROJECT_VIEW_SETTINGS.FIRST) {
+			view = currentProject.value?.views.find(v => v.viewKind === defaultView)
 		}

 		// Use the first view as fallback if the default view is not available
-		if (view === undefined && projectStore.projects[props.projectId]?.views?.length > 0) {
-			view = projectStore.projects[props.projectId]?.views[0]
+		if (view === undefined && currentProject.value?.views?.length > 0) {
+			view = currentProject.value?.views[0]
 		}

 		if (view) {
 			router.replace({
-				name: 'project.view',
+				name: 'project',
 				params: {
 					projectId: props.projectId,
 					viewId: view.id,
@@ -65,11 +95,7 @@ watch(
 )

 // using a watcher instead of beforeEnter because beforeEnter is not called when only the viewId changes
-watch(
-	() => [props.projectId, props.viewId],
-	() => saveProjectView(props.projectId, props.viewId),
-	{immediate: true},
-)
+watchEffect(() => saveProjectView(props.projectId, props.viewId))

 const route = useRoute()
 </script>
@@ -25,6 +25,12 @@ import {computed} from 'vue'
 import DOMPurify from 'dompurify'
 import {useProjectStore} from '@/stores/projects'

+definePage({
+	name: 'project.info',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: number
 }>()
@@ -28,6 +28,11 @@ import {useTitle} from '@/composables/useTitle'
 import {useBaseStore} from '@/stores/base'
 import {useProjectStore} from '@/stores/projects'

+definePage({
+	name: 'project.settings.archive',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n({useScope: 'global'})
 const projectStore = useProjectStore()
 const router = useRouter()
@@ -133,6 +133,11 @@ import {useTitle} from '@/composables/useTitle'
 import CreateEdit from '@/components/misc/CreateEdit.vue'
 import {success} from '@/message'

+definePage({
+	name: 'project.settings.background',
+	meta: { showAsModal: true }
+})
+
 const SEARCH_DEBOUNCE = 300

 const {t} = useI18n({useScope: 'global'})
@@ -41,6 +41,11 @@ import Loading from '@/components/misc/Loading.vue'
 import {useProjectStore} from '@/stores/projects'
 import TaskService from '@/services/task'

+definePage({
+	name: 'project.settings.delete',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n({useScope: 'global'})
 const projectStore = useProjectStore()
 const route = useRoute()
@@ -24,6 +24,11 @@ import {useTitle} from '@/composables/useTitle'
 import {useProject, useProjectStore} from '@/stores/projects'
 import type {IProject} from '@/modelTypes/IProject'

+definePage({
+	name: 'project.settings.duplicate',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => t('project.duplicate.title'))

@@ -101,6 +101,14 @@ import {useProject} from '@/stores/projects'
 import {useTitle} from '@/composables/useTitle'
 import {RIGHTS} from '@/constants/rights'

+definePage({
+	name: 'project.settings.edit',
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+	meta: {
+		showAsModal: true,
+	},
+})
+
 const props = defineProps<{
 	projectId: IProject['id'],
 }>()
@@ -48,6 +48,11 @@ import userTeam from '@/components/sharing/UserTeam.vue'
 import {useBaseStore} from '@/stores/base'
 import {useConfigStore} from '@/stores/config'

+definePage({
+	name: 'project.settings.share',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n({useScope: 'global'})

 const project = ref<IProject>()
@@ -16,6 +16,12 @@ import Message from '@/components/misc/Message.vue'
 import draggable from 'zhyswan-vuedraggable'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'

+definePage({
+	name: 'project.settings.views',
+	meta: { showAsModal: true },
+	props: route => ({ projectId: Number(route.params.projectId as string) }),
+})
+
 const props = defineProps<{
 	projectId: number
 }>()
@@ -25,6 +25,11 @@ import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
 import {success} from '@/message'
 import {isValidHttpUrl} from '@/helpers/isValidHttpUrl'

+definePage({
+	name: 'project.settings.webhooks',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n({useScope: 'global'})

 const project = ref<IProject>()
@@ -48,6 +48,8 @@ import {useStorage} from '@vueuse/core'

 import {useProjectStore} from '@/stores/projects'

+definePage({ name: 'projects.index' })
+
 const {t} = useI18n()
 const projectStore = useProjectStore()

@@ -35,7 +35,7 @@
 					</a>
 					<RouterLink 
 						v-else
-						:to="{ name: 'project.index', params: { projectId: p.id } }"
+						:to="{ name: 'project', params: { projectId: p.id } }"
 					>
 						{{ getProjectTitle(p) }}
 					</RouterLink>
@@ -644,6 +644,11 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import type {Action as MessageAction} from '@/message'

+definePage({
+	name: 'task.detail',
+	props: route => ({ taskId: Number(route.params.id as string) })
+})
+
 const props = defineProps<{
 	taskId: ITask['id'],
 	backdropView?: RouteLocation['fullPath'],
@@ -876,7 +881,7 @@ const showDeleteModal = ref(false)
 async function deleteTask() {
 	await taskStore.delete(task.value)
 	success({message: t('task.detail.deleteSuccess')})
-	router.push({name: 'project.index', params: {projectId: task.value.projectId}})
+	router.push({name: 'project', params: {projectId: task.value.projectId}})
 }

 async function toggleTaskDone() {
@@ -0,0 +1,27 @@
+<template>
+	<ShowTasks v-bind="props" />
+</template>
+
+<script setup lang="ts">
+import {parseDateOrString} from '@/helpers/time/parseDateOrString'
+import {getNextWeekDate} from '@/helpers/time/getNextWeekDate'
+
+import ShowTasks from '@/components/tasks/ShowTasks.vue';
+
+definePage({
+	name: 'tasks.range',
+	props: route => ({
+		dateFrom: parseDateOrString(route.query.from as string, new Date()),
+		dateTo: parseDateOrString(route.query.to as string, getNextWeekDate()),
+		showNulls: route.query.showNulls === 'true',
+		showOverdue: route.query.showOverdue === 'true',
+	})
+})
+
+const props = defineProps<{
+	dateFrom?: Date | string,
+	dateTo?: Date | string,
+	showNulls?: boolean,
+	showOverdue?: boolean,
+}>()
+</script>
@@ -282,6 +282,8 @@ import type {ITeam} from '@/modelTypes/ITeam'
 import type {IUser} from '@/modelTypes/IUser'
 import type {ITeamMember} from '@/modelTypes/ITeamMember'

+definePage({ name: 'teams.edit' })
+
 const authStore = useAuthStore()
 const configStore = useConfigStore()
 const route = useRoute()
@@ -46,6 +46,8 @@ import { useI18n } from 'vue-i18n'
 import TeamService from '@/services/team'
 import { useTitle } from '@/composables/useTitle'

+definePage({ name: 'teams.index' })
+
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('team.title'))

@@ -74,6 +74,11 @@ import {success} from '@/message'

 import {useConfigStore} from '@/stores/config'

+definePage({
+	name: 'teams.create',
+	meta: { showAsModal: true }
+})
+
 const {t} = useI18n()
 const title = computed(() => t('team.create.title'))
 useTitle(title)
@@ -47,6 +47,8 @@ import {ref, computed, reactive} from 'vue'
 import DataExportService from '@/services/dataExport'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.export.download' })
+
 const dataExportService = reactive(new DataExportService())
 const password = ref('')
 const errPasswordRequired = ref(false)
@@ -32,6 +32,11 @@ import { useConfigStore } from '@/stores/config'
 import { useAuthStore } from '@/stores/auth'
 import {useRoute} from 'vue-router'

+definePage({
+	name: 'user.settings',
+	redirect: {name: 'user.settings.general'}
+})
+
 const { t } = useI18n({useScope: 'global'})
 useTitle(() => t('user.settings.title'))

@@ -14,6 +14,8 @@ import {useI18n} from 'vue-i18n'
 import Message from '@/components/misc/Message.vue'
 import type {IApiToken} from '@/modelTypes/IApiToken'

+definePage({ name: 'user.settings.apiTokens' })
+
 const service = new ApiTokenService()
 const tokens = ref<IApiToken[]>([])
 const apiDocsUrl = window.API_URL + '/docs'
@@ -81,6 +81,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.settings.avatar' })
+
 const {t} = useI18n({useScope: 'global'})
 const authStore = useAuthStore()

@@ -114,6 +114,8 @@ import type {ICaldavToken} from '@/modelTypes/ICaldavToken'
 import {useConfigStore} from '@/stores/config'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.settings.caldav' })
+
 const copy = useCopyToClipboard()

 const {t} = useI18n({useScope: 'global'})
@@ -58,6 +58,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.settings.data-export' })
+
 const {t} = useI18n({useScope: 'global'})
 const authStore = useAuthStore()

@@ -126,6 +126,8 @@ import {success} from '@/message'
 import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'

+definePage({ name: 'user.settings.deletion' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.deletion.title')} - ${t('user.settings.title')}`)

@@ -62,6 +62,8 @@ import {success} from '@/message'
 import {useTitle} from '@/composables/useTitle'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.settings.email-update' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.updateEmailTitle')} - ${t('user.settings.title')}`)

@@ -239,6 +239,8 @@ import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import {isSavedFilter} from '@/services/savedFilter'
 import {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'

+definePage({ name: 'user.settings.general' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)

@@ -24,10 +24,12 @@
 import {computed} from 'vue'
 import {useI18n} from 'vue-i18n'

-import {MIGRATORS} from './migrators'
+import {MIGRATORS} from '@/helpers/migrators'
 import {useTitle} from '@/composables/useTitle'
 import {useConfigStore} from '@/stores/config'

+definePage({ name: 'migrate.start' })
+
 const {t} = useI18n({useScope: 'global'})

 useTitle(() => t('migrate.title'))
@@ -83,6 +83,8 @@ import {useTitle} from '@/composables/useTitle'
 import {success, error} from '@/message'
 import {useAuthStore} from '@/stores/auth'

+definePage({ name: 'user.settings.password-update' })
+
 const passwordUpdateService = shallowReactive(new PasswordUpdateService())
 const passwordUpdate = reactive(new PasswordUpdateModel())
 const passwordConfirm = ref('')
@@ -110,6 +110,8 @@ import {useTitle} from '@/composables/useTitle'
 import {useConfigStore} from '@/stores/config'
 import type {ITotp} from '@/modelTypes/ITotp'

+definePage({ name: 'user.settings.totp' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.totp.title')} - ${t('user.settings.title')}`)

@@ -1,10 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import type { RouteLocation } from 'vue-router'
+import { createRouter, createWebHistory, type RouteLocation, type RouteRecordInfo, type ParamValue  } from 'vue-router'
+import { routes, handleHotUpdate } from 'vue-router/auto-routes'
+
 import {saveLastVisited} from '@/helpers/saveLastVisited'

-import {getProjectViewId} from '@/helpers/projectView'
-import {parseDateOrString} from '@/helpers/time/parseDateOrString'
-import {getNextWeekDate} from '@/helpers/time/getNextWeekDate'
 import {LINK_SHARE_HASH_PREFIX} from '@/constants/linkShareHash'

 import {useAuthStore} from '@/stores/auth'
@@ -13,7 +11,15 @@ import {useBaseStore} from '@/stores/base'
 import Register from '@/views/user/Register.vue'
 import LinkSharingAuth from '@/views/sharing/LinkSharingAuth.vue'

-import NotFoundComponent from '@/views/404.vue'
+declare module 'vue-router/auto-routes' {
+	export interface RouteNamedMap {
+		'/register': RouteRecordInfo<'/register', '/register', {}, {}>,
+		'/share/[share]/auth': RouteRecordInfo<'/share/[share]/auth', '/share/:share/auth', { share: ParamValue<true> }, { share: ParamValue<false> }>,
+
+	}
+}
+
+console.log(routes)

 const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
@@ -32,46 +38,7 @@ const router = createRouter({
 		return {left: 0, top: 0}
 	},
 	routes: [
-		{
-			path: '/',
-			name: 'home',
-			component: () => import('@/views/Home.vue'),
-		},
-		{
-			path: '/:pathMatch(.*)*',
-			name: 'not-found',
-			component: NotFoundComponent,
-		},
-		// if you omit the last `*`, the `/` character in params will be encoded when resolving or pushing
-		{
-			path: '/:pathMatch(.*)',
-			name: 'bad-not-found',
-			component: NotFoundComponent,
-		},
-		{
-			path: '/login',
-			name: 'user.login',
-			component: () => import('@/views/user/Login.vue'),
-			meta: {
-				title: 'user.auth.login',
-			},
-		},
-		{
-			path: '/get-password-reset',
-			name: 'user.password-reset.request',
-			component: () => import('@/views/user/RequestPasswordReset.vue'),
-			meta: {
-				title: 'user.auth.resetPassword',
-			},
-		},
-		{
-			path: '/password-reset',
-			name: 'user.password-reset.reset',
-			component: () => import('@/views/user/PasswordReset.vue'),
-			meta: {
-				title: 'user.auth.resetPassword',
-			},
-		},
+		...routes,
 		{
 			path: '/register',
 			name: 'user.register',
@@ -82,78 +49,6 @@ const router = createRouter({
 				title: 'user.auth.createAccount',
 			},
 		},
-		{
-			path: '/user/settings',
-			name: 'user.settings',
-			component: () => import('@/views/user/Settings.vue'),
-			redirect: {name: 'user.settings.general'},
-			children: [
-				{
-					path: '/user/settings/avatar',
-					name: 'user.settings.avatar',
-					component: () => import('@/views/user/settings/Avatar.vue'),
-				},
-				{
-					path: '/user/settings/caldav',
-					name: 'user.settings.caldav',
-					component: () => import('@/views/user/settings/Caldav.vue'),
-				},
-				{
-					path: '/user/settings/data-export',
-					name: 'user.settings.data-export',
-					component: () => import('@/views/user/settings/DataExport.vue'),
-				},
-				{
-					path: '/user/settings/deletion',
-					name: 'user.settings.deletion',
-					component: () => import('@/views/user/settings/Deletion.vue'),
-				},
-				{
-					path: '/user/settings/email-update',
-					name: 'user.settings.email-update',
-					component: () => import('@/views/user/settings/EmailUpdate.vue'),
-				},
-				{
-					path: '/user/settings/general',
-					name: 'user.settings.general',
-					component: () => import('@/views/user/settings/General.vue'),
-				},
-				{
-					path: '/user/settings/password-update',
-					name: 'user.settings.password-update',
-					component: () => import('@/views/user/settings/PasswordUpdate.vue'),
-				},
-				{
-					path: '/user/settings/totp',
-					name: 'user.settings.totp',
-					component: () => import('@/views/user/settings/TOTP.vue'),
-				},
-				{
-					path: '/user/settings/api-tokens',
-					name: 'user.settings.apiTokens',
-					component: () => import('@/views/user/settings/ApiTokens.vue'),
-				},
-				{
-					path: '/user/settings/migrate',
-					name: 'migrate.start',
-					component: () => import('@/views/migrate/Migration.vue'),
-				},
-				{
-					path: '/migrate/:service',
-					name: 'migrate.service',
-					component: () => import('@/views/migrate/MigrationHandler.vue'),
-					props: route => ({
-						service: route.params.service as string,
-						code: route.query.code as string,
-					}),
-				},
-			],
-		},
-		{
-			path: '/user/export/download',
-			name: 'user.export.download',
-			component: () => import('@/views/user/DataExportDownload.vue'),
-		},
 		{
 			path: '/share/:share/auth',
 			name: 'link-share.auth',
@@ -161,23 +56,6 @@ const router = createRouter({
 			// component: () => import('@/views/sharing/LinkSharingAuth.vue'),
 			component: LinkSharingAuth,
 		},
-		{
-			path: '/tasks/:id',
-			name: 'task.detail',
-			component: () => import('@/views/tasks/TaskDetailView.vue'),
-			props: route => ({ taskId: Number(route.params.id as string) }),
-		},
-		{
-			path: '/tasks/by/upcoming',
-			name: 'tasks.range',
-			component: () => import('@/views/tasks/ShowTasks.vue'),
-			props: route => ({
-				dateFrom: parseDateOrString(route.query.from as string, new Date()),
-				dateTo: parseDateOrString(route.query.to as string, getNextWeekDate()),
-				showNulls: route.query.showNulls === 'true',
-				showOverdue: route.query.showOverdue === 'true',
-			}),
-		},
 		{
 			// Redirect old list routes to the respective project routes
 			// see: https://router.vuejs.org/guide/essentials/dynamic-matching.html#catch-all-404-not-found-route
@@ -191,94 +69,6 @@ const router = createRouter({
 				}
 			},
 		},
-		{
-			path: '/projects',
-			name: 'projects.index',
-			component: () => import('@/views/project/ListProjects.vue'),
-		},
-		{
-			path: '/projects/new',
-			name: 'project.create',
-			component: () => import('@/views/project/NewProject.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:parentProjectId/new',
-			name: 'project.createFromParent',
-			component: () => import('@/views/project/NewProject.vue'),
-			props: route => ({ parentProjectId: Number(route.params.parentProjectId as string) }),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/edit',
-			name: 'project.settings.edit',
-			component: () => import('@/views/project/settings/ProjectSettingsEdit.vue'),
-			props: route => ({ projectId: Number(route.params.projectId as string) }),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/background',
-			name: 'project.settings.background',
-			component: () => import('@/views/project/settings/ProjectSettingsBackground.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/duplicate',
-			name: 'project.settings.duplicate',
-			component: () => import('@/views/project/settings/ProjectSettingsDuplicate.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/share',
-			name: 'project.settings.share',
-			component: () => import('@/views/project/settings/ProjectSettingsShare.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/webhooks',
-			name: 'project.settings.webhooks',
-			component: () => import('@/views/project/settings/ProjectSettingsWebhooks.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/delete',
-			name: 'project.settings.delete',
-			component: () => import('@/views/project/settings/ProjectSettingsDelete.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/archive',
-			name: 'project.settings.archive',
-			component: () => import('@/views/project/settings/ProjectSettingsArchive.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/projects/:projectId/settings/views',
-			name: 'project.settings.views',
-			component: () =>  import('@/views/project/settings/ProjectSettingsViews.vue'),
-			meta: {
-				showAsModal: true,
-			},
-			props: route => ({ projectId: Number(route.params.projectId as string) }),
-		},
 		{
 			path: '/projects/:projectId/settings/edit',
 			name: 'filter.settings.edit',
@@ -297,95 +87,14 @@ const router = createRouter({
 			},
 			props: route => ({ projectId: Number(route.params.projectId as string) }),
 		},
-		{
-			path: '/projects/:projectId/info',
-			name: 'project.info',
-			component: () => import('@/views/project/ProjectInfo.vue')			,
-			meta: {
-				showAsModal: true,
-			},
-			props: route => ({ projectId: Number(route.params.projectId as string) }),
-		},
-		{
-			path: '/projects/:projectId',
-			name: 'project.index',
-			redirect(to) {
-				const viewId = getProjectViewId(Number(to.params.projectId as string))
-
-				if (viewId) {
-					console.debug('Replaced list view with', viewId)
-				}
-
-				return {
-					name: 'project.view',
-					params: {
-						projectId: parseInt(to.params.projectId as string),
-						viewId: viewId ?? 0,
-					},
-				}
-			},
-		},
-		{
-			path: '/projects/:projectId/:viewId',
-			name: 'project.view',
-			component: () => import('@/views/project/ProjectView.vue'),
-			props: route => ({ 
-				projectId: parseInt(route.params.projectId as string),
-				viewId: route.params.viewId ? parseInt(route.params.viewId as string): undefined,
-			}),
-		},
-		{
-			path: '/teams',
-			name: 'teams.index',
-			component: () => import('@/views/teams/ListTeams.vue'),
-		},
-		{
-			path: '/teams/new',
-			name: 'teams.create',
-			component: () =>  import('@/views/teams/NewTeam.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/teams/:id/edit',
-			name: 'teams.edit',
-			component: () => import('@/views/teams/EditTeam.vue'),
-		},
-		{
-			path: '/labels',
-			name: 'labels.index',
-			component: () => import('@/views/labels/ListLabels.vue'),
-		},
-		{
-			path: '/labels/new',
-			name: 'labels.create',
-			component: () => import('@/views/labels/NewLabel.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/filters/new',
-			name: 'filters.create',
-			component: () => import('@/views/filters/FilterNew.vue'),
-			meta: {
-				showAsModal: true,
-			},
-		},
-		{
-			path: '/auth/openid/:provider',
-			name: 'openid.auth',
-			component: () => import('@/views/user/OpenIdAuth.vue'),
-		},
-		{
-			path: '/about',
-			name: 'about',
-			component: () => import('@/views/About.vue'),
-		},
 	],
 })

+// Update routes at runtime without reloading the page
+if (import.meta.hot) { 
+	handleHotUpdate(router) 
+}
+
 export async function getAuthForRoute(to: RouteLocation, authStore) {
 	if (authStore.authUser || authStore.authLinkShare) {
 		return
@@ -87,7 +87,7 @@ export function useSavedFilter(projectId?: MaybeRefOrGetter<IProject['id']>) {
 	async function createFilter() {
 		filter.value = await filterService.create(filter.value)
 		await projectStore.loadAllProjects()
-		router.push({name: 'project.index', params: {projectId: getProjectId(filter.value)}})
+		router.push({name: 'project', params: {projectId: getProjectId(filter.value)}})
 	}

 	async function saveFilter() {
@@ -6,7 +6,7 @@ import {HTTPFactory} from '@/helpers/fetcher'
 import {objectToCamelCase} from '@/helpers/case'

 import type {IProvider} from '@/types/IProvider'
-import type {MIGRATORS} from '@/views/migrate/migrators'
+import type {MIGRATORS} from '@/helpers/migrators'
 import {InvalidApiUrlProvidedError} from '@/helpers/checkAndSetApiUrl'

 export interface ConfigState {
@@ -150,7 +150,7 @@ export const useProjectStore = defineStore('project', () => {
 			const createdProject = await projectService.create(project)
 			setProject(createdProject)
 			router.push({
-				name: 'project.index',
+				name: 'project',
 				params: { projectId: createdProject.id },
 			})
 			return createdProject
@@ -315,7 +315,7 @@ export function useProject(projectId: MaybeRefOrGetter<IProject['id']>) {

 		projectStore.setProject(duplicate.duplicatedProject)
 		success({message: t('project.duplicate.success')})
-		router.push({name: 'project.index', params: {projectId: duplicate.duplicatedProject.id}})
+		router.push({name: 'project', params: {projectId: duplicate.duplicatedProject.id}})
 	}

 	return {
@@ -55,6 +55,8 @@ import {useBaseStore} from '@/stores/base'
 import {useAuthStore} from '@/stores/auth'
 import {useRedirectToLastVisited} from '@/composables/useRedirectToLastVisited'

+definePage({ name: 'link-share.auth' })
+
 const {t} = useI18n({useScope: 'global'})
 useTitle(t('sharing.authenticating'))
 const {getLastVisitedRoute} = useRedirectToLastVisited()
@@ -106,7 +108,7 @@ function useAuth() {
 			}

 			return router.push({
-				name: 'project.index',
+				name: 'project',
 				params: {
 					projectId, 
 				},
@@ -129,18 +129,22 @@ import {useAuthStore} from '@/stores/auth'
 import {useConfigStore} from '@/stores/config'
 import {validatePassword} from '@/helpers/validatePasswort'

+definePage({
+	name: 'user.register',
+	meta: { title: 'user.auth.createAccount' },
+	beforeEnter() {
+		const authStore = useAuthStore()
+
+		if (authStore.authenticated) {
+			router.push({ name: 'home' })
+		}
+	}
+})
+
 const {t} = useI18n()
 const authStore = useAuthStore()
 const configStore = useConfigStore()

-// FIXME: use the `beforeEnter` hook of vue-router
-// Check if the user is already logged in, if so, redirect them to the homepage
-onBeforeMount(() => {
-	if (authStore.authenticated) {
-		router.push({name: 'home'})
-	}
-})
-
 const credentials = reactive({
 	username: '',
 	email: '',
@@ -6,7 +6,9 @@
    "src/**/*",
    "src/**/*.vue",
    "src/**/*.json",
-    "tailwind.config.js"
+    "tailwind.config.js",
+    // https://uvr.esm.is/introduction.html#setup
+    "./typed-router.d.ts"
  ],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
@@ -0,0 +1,62 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+declare module 'vue-router/auto-routes' {
+  import type {
+    RouteRecordInfo,
+    ParamValue,
+    ParamValueOneOrMore,
+    ParamValueZeroOrMore,
+    ParamValueZeroOrOne,
+  } from 'vue-router'
+
+  /**
+   * Route name map generated by unplugin-vue-router
+   */
+  export interface RouteNamedMap {
+    'home': RouteRecordInfo<'home', '/', Record<never, never>, Record<never, never>>,
+    'user.password-reset.request': RouteRecordInfo<'user.password-reset.request', '/:auth?/get-password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'user.login': RouteRecordInfo<'user.login', '/:auth?/login', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'user.password-reset.reset': RouteRecordInfo<'user.password-reset.reset', '/:auth?/password-reset', { auth?: ParamValueZeroOrOne<true> }, { auth?: ParamValueZeroOrOne<false> }>,
+    'not-found': RouteRecordInfo<'not-found', '/:path(.*)*', { path?: ParamValueZeroOrMore<true> }, { path?: ParamValueZeroOrMore<false> }>,
+    'about': RouteRecordInfo<'about', '/about', Record<never, never>, Record<never, never>>,
+    'openid.auth': RouteRecordInfo<'openid.auth', '/auth/openid/:provider', { provider: ParamValue<true> }, { provider: ParamValue<false> }>,
+    'filters.create': RouteRecordInfo<'filters.create', '/filters/new', Record<never, never>, Record<never, never>>,
+    'labels.index': RouteRecordInfo<'labels.index', '/labels', Record<never, never>, Record<never, never>>,
+    'labels.create': RouteRecordInfo<'labels.create', '/labels/new', Record<never, never>, Record<never, never>>,
+    'migrate.service': RouteRecordInfo<'migrate.service', '/migrate/:service', { service: ParamValue<true> }, { service: ParamValue<false> }>,
+    'projects.index': RouteRecordInfo<'projects.index', '/projects', Record<never, never>, Record<never, never>>,
+    'project.create': RouteRecordInfo<'project.create', '/projects/:parentProjectId?/new', { parentProjectId?: ParamValueZeroOrOne<true> }, { parentProjectId?: ParamValueZeroOrOne<false> }>,
+    'project': RouteRecordInfo<'project', '/projects/:projectId/:viewId?', { projectId: ParamValue<true>, viewId?: ParamValueZeroOrOne<true> }, { projectId: ParamValue<false>, viewId?: ParamValueZeroOrOne<false> }>,
+    'project.info': RouteRecordInfo<'project.info', '/projects/:projectId/info', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.archive': RouteRecordInfo<'project.settings.archive', '/projects/:projectId/settings/archive', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.background': RouteRecordInfo<'project.settings.background', '/projects/:projectId/settings/background', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.delete': RouteRecordInfo<'project.settings.delete', '/projects/:projectId/settings/delete', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.duplicate': RouteRecordInfo<'project.settings.duplicate', '/projects/:projectId/settings/duplicate', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.edit': RouteRecordInfo<'project.settings.edit', '/projects/:projectId/settings/edit', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.share': RouteRecordInfo<'project.settings.share', '/projects/:projectId/settings/share', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.views': RouteRecordInfo<'project.settings.views', '/projects/:projectId/settings/views', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'project.settings.webhooks': RouteRecordInfo<'project.settings.webhooks', '/projects/:projectId/settings/webhooks', { projectId: ParamValue<true> }, { projectId: ParamValue<false> }>,
+    'task.detail': RouteRecordInfo<'task.detail', '/task/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    'tasks.range': RouteRecordInfo<'tasks.range', '/tasks/by/upcoming', Record<never, never>, Record<never, never>>,
+    'teams.index': RouteRecordInfo<'teams.index', '/teams', Record<never, never>, Record<never, never>>,
+    'teams.edit': RouteRecordInfo<'teams.edit', '/teams/:id/edit', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    'teams.create': RouteRecordInfo<'teams.create', '/teams/new', Record<never, never>, Record<never, never>>,
+    'user.export.download': RouteRecordInfo<'user.export.download', '/user/export/download', Record<never, never>, Record<never, never>>,
+    'user.settings': RouteRecordInfo<'user.settings', '/user/settings', Record<never, never>, Record<never, never>>,
+    'user.settings.apiTokens': RouteRecordInfo<'user.settings.apiTokens', '/user/settings/api-tokens', Record<never, never>, Record<never, never>>,
+    'user.settings.avatar': RouteRecordInfo<'user.settings.avatar', '/user/settings/avatar', Record<never, never>, Record<never, never>>,
+    'user.settings.caldav': RouteRecordInfo<'user.settings.caldav', '/user/settings/caldav', Record<never, never>, Record<never, never>>,
+    'user.settings.data-export': RouteRecordInfo<'user.settings.data-export', '/user/settings/data-export', Record<never, never>, Record<never, never>>,
+    'user.settings.deletion': RouteRecordInfo<'user.settings.deletion', '/user/settings/deletion', Record<never, never>, Record<never, never>>,
+    'user.settings.email-update': RouteRecordInfo<'user.settings.email-update', '/user/settings/email-update', Record<never, never>, Record<never, never>>,
+    'user.settings.general': RouteRecordInfo<'user.settings.general', '/user/settings/general', Record<never, never>, Record<never, never>>,
+    'migrate.start': RouteRecordInfo<'migrate.start', '/user/settings/migrate', Record<never, never>, Record<never, never>>,
+    'user.settings.password-update': RouteRecordInfo<'user.settings.password-update', '/user/settings/password-update', Record<never, never>, Record<never, never>>,
+    'user.settings.totp': RouteRecordInfo<'user.settings.totp', '/user/settings/totp', Record<never, never>, Record<never, never>>,
+  }
+}
@@ -16,6 +16,7 @@ import postcssPresetEnv from 'postcss-preset-env'
 import postcssEasingGradients from 'postcss-easing-gradients'
 import tailwindcss from 'tailwindcss'
 import vueDevTools from 'vite-plugin-vue-devtools'
+import VueRouter from 'unplugin-vue-router/vite'

 const pathSrc = fileURLToPath(new URL('./src', import.meta.url)).replaceAll('\\', '/')

@@ -105,6 +106,7 @@ export default defineConfig(({mode}) => {
 					propsDestructure: true,
 				},
 			}),
+			VueRouter(),
 			svgLoader({
 				// Since the svgs are already manually optimized via https://jakearchibald.github.io/svgomg/
 				// we don't need to optimize them again.
@@ -184,7 +186,7 @@ export default defineConfig(({mode}) => {
 				},
 			}),
 			vueDevTools({
-				launchEditor: env.VUE_DEVTOOLS_LAUNCH_EDITOR || 'code'
+				launchEditor: env.VUE_DEVTOOLS_LAUNCH_EDITOR || 'code',
 			}),
 			viteSentry(getSentryConfig(env)),
 		],
Author	SHA1	Message	Date
Dominik Pschenitschni	fb6c96f6c6	wip2	2025-01-17 15:00:30 +01:00
Dominik Pschenitschni	b4875a839a	wip: try out to fix beforeAuth issue	2025-01-17 15:00:30 +01:00
Dominik Pschenitschni	4fa3389232	wip	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	96586ad193	feat: unify project.view & project.index	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	6741b1b6eb	fix: 404 route	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	a057523314	fix: settings	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	37e8cba630	feat: re-add route names, meta and props via definePage	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	6828b6a10e	fix: merge project.create with project.createFromParent	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	2501c07bfb	feat: move migrators to helpers	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	ecbb16c63e	feat: move useGanttFilters and useGanttTaskList to composables	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	cb0c1d90eb	feat: ShowTasks	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	f29eb76318	feat: register and share routes	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	05aeba483e	feat: move to file-based routes	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	c0651b9927	feat: eslint	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	0efa70c5ee	feat: router hot update	2025-01-17 15:00:29 +01:00
Dominik Pschenitschni	beb2e1f9f9	feat: install unplugin-vue-router	2025-01-17 15:00:29 +01:00