chore(deps-dev): bump @quasar/app-vite from 2.6.2 to 3.8.1

package.json

@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10",
-    "@quasar/app-vite": "^2.6.2",
+    "@quasar/app-vite": "^3.8.1",
     "@types/node": "^26.2.0",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.9.0",

quasar.config.ts

@@ -1,9 +1,9 @@
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-vite/quasar-config-file
 
-import { defineConfig } from '#q-app/wrappers';
+import { defineConfig } from '#q-app';
 
-export default defineConfig((/* ctx */) => {
+export default defineConfig((ctx) => {
   return {
     // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
     // preFetch: true,
@@ -32,6 +32,18 @@ export default defineConfig((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#build
     build: {
+      // @quasar/app-vite v3 ships only '@' -> /src and '#q-app'; it dropped the
+      // v2 folder aliases the codebase imports through ('app/…', 'src/…',
+      // 'boot/…', 'components/…', 'layouts/…', 'pages/…'). Re-declare them here.
+      alias: {
+        app: ctx.appPaths.appDir,
+        src: ctx.appPaths.srcDir,
+        boot: ctx.appPaths.resolve.src('boot'),
+        components: ctx.appPaths.resolve.src('components'),
+        layouts: ctx.appPaths.resolve.src('layouts'),
+        pages: ctx.appPaths.resolve.src('pages'),
+      },
+
       target: {
         browser: ['es2022', 'firefox115', 'chrome115', 'safari14'],
         node: 'node22',

src/boot/vuefire.ts

@@ -1,4 +1,4 @@
-import { boot } from 'quasar/wrappers';
+import { defineBoot } from '#q-app';
 import { initializeApp } from 'firebase/app';
 import { getStorage } from 'firebase/storage';
 import { useFirebaseApp, VueFire, VueFireAuth } from 'vuefire';
@@ -15,7 +15,7 @@ const firebaseApp = initializeApp(FIREBASE_CONFIG);
 
 // "async" is optional;
 // more info on params: https://v2.quasar.dev/quasar-cli/boot-files
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   analytics = initializeAnalytics(firebaseApp);
   app.use(VueFire, {
     firebaseApp,

src/router/index.ts

@@ -1,4 +1,4 @@
-import { route } from 'quasar/wrappers';
+import { defineRouter } from '#q-app';
 import {
   createMemoryHistory,
   createRouter,
@@ -16,10 +16,12 @@ import routes from './routes';
  * with the Router instance.
  */
 
-export default route(function (/* { store, ssrContext } */) {
-  const createHistory = process.env.SERVER
+export default defineRouter(function (/* { store, ssrContext } */) {
+  const createHistory = import.meta.env.QUASAR_SERVER
     ? createMemoryHistory
-    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
+    : import.meta.env.QUASAR_VUE_ROUTER_MODE === 'history'
+      ? createWebHistory
+      : createWebHashHistory;
 
   const Router = createRouter({
     scrollBehavior: () => ({ left: 0, top: 0 }),
@@ -28,7 +30,7 @@ export default route(function (/* { store, ssrContext } */) {
     // Leave this as is and make changes in quasar.conf.js instead!
     // quasar.conf.js -> build -> vueRouterMode
     // quasar.conf.js -> build -> publicPath
-    history: createHistory(process.env.VUE_ROUTER_BASE),
+    history: createHistory(import.meta.env.QUASAR_VUE_ROUTER_BASE),
   });
 
   return Router;