app vite v2 with vuex store, store not available in preFetch

[idc77]

So, I have this older app, which uses vuex and vuex-orm, which I upgraded from vite v1 to v2, or should I say "@quasar/app-vite": "^2.1.1",

Its App.vue has

<template>
  <router-view />
</template>

<script setup>
defineOptions({
  async preFetch ({ store }) {
    await store.$db().model('anbieter').api().get(`${process.env.API_ROOT}/api/v1/anbieter/`)
    await store.$db().model('tarif').api().get(`${process.env.API_ROOT}/api/v1/tarif/`)
  }
})
</script>

quasar.config.js

export default defineConfig((ctx) => {
//...
preFetch: true,
//...
}

store/index.js

import { defineStore } from '#q-app/wrappers'
import { createStore } from 'vuex'
import VuexORM from '@vuex-orm/core'
import VuexORMAxios from '@vuex-orm/plugin-axios'
import axios from "axios";
import Tarif from "src/store/models/Tarif";
import Anbieter from "src/store/models/Anbieter";
import comparisons from "src/store/comparisons";

VuexORM.use(VuexORMAxios, {
  axios,
  dataTransformer: (response) => {
    switch (typeof response.data) {
      case 'string': {
        const JSON_PROTECTION_PREFIX = /^\)]}',?\n/
        return JSON.parse(response.data.replace(JSON_PROTECTION_PREFIX, '').trim())
      }
      case 'object':
        return response.data
    }
  }
})

// Create a new instance of Database.
const database = new VuexORM.Database()

database.register(Tarif)
database.register(Anbieter)

/*
 * If not building with SSR mode, you can
 * directly export the Store instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Store instance.
 */

export default defineStore(function ( { ssrContex} ) {
  const Store = createStore({
    modules: {
      comparisons
    },
    plugins: [
      VuexORM.install(database)
    ],

    // enable strict mode (adds overhead!)
    // for dev mode and --debug builds only
    strict: process.env.DEBUGGING
  })

  return Store
})

How do I make quasar with app-vite v2 work with vuex?
I don't want to rewrite everything to use Pinia and switch orm client libraries as well as the comparison module.

package.json

{
  "name": "xdslvergleich",
  "version": "0.0.1",
  "description": "",
  "productName": "",
  "author": "",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "quasar dev",
    "dev_ssr": "quasar dev -m ssr",
    "build_prod": "bash update.sh",
    "upgrade": "quasar upgrade -i",
    "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{js,cjs,mjs,vue}\"",
    "format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
    "test": "echo \"No test specified\" && exit 0",
    "postinstall": "quasar prepare"
  },
  "dependencies": {
    "@quasar/extras": "^1.16.17",
    "@vuex-orm/core": "^0.36.4",
    "@vuex-orm/plugin-axios": "^0.9.4",
    "axios": "^1.7.9",
    "quasar": "^2.17.7",
    "vue": "^3.5.13",
    "vue-router": "^4.5.0",
    "vuex": "^4.1.0"
  },
  "devDependencies": {
    "@eslint/js": "^9.14.0",
    "@quasar/app-vite": "^2.1.1",
    "@vue/devtools": "^6.6.4",
    "autoprefixer": "^10.4.20",
    "dotenv": "^16.4.7",
    "eslint": "^9.21.0",
    "@vue/eslint-config-prettier": "^10.2.0",
    "eslint-plugin-vue": "^9.32.0",
    "postcss": "^8.5.3",
    "prettier": "^2.8.8",
    "vite-plugin-checker": "^0.8.0"
  },
  "engines": {
    "node": "^18 || ^16 || ^14.19",
    "npm": ">= 6.13.4",
    "yarn": ">= 1.21.1"
  },
  "packageManager": "[email protected]+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
      "electron",
      "esbuild",
      "utf-8-validate"
    ]
  }
}

error in regular dev, non-ssr:

TypeError: store is undefined
    preFetch App.vue:4
    addPreFetchHooks client-prefetch.js:106
[<anonymous code>:1:145535](chrome://devtools/content/webconsole/%3Canonymous%20code%3E)
    overrideMethod <anonymous code>:1
    addPreFetchHooks client-prefetch.js:118
[Vue warn]: injection "store" not found. 
  at <TarifeTable filter="is_dsl" > 
  at <QPage padding="" > 
  at <TarifePage onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null > > 
  at <RouterView> 
  at <QPageContainer> 
  at <QLayout view="lHr lpR lFr" > 
  at <MainLayout onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< 
Proxy { <target>: {…}, <handler>: {…} }
 > > 
  at <RouterView> 
  at <App>

In SSR, pretty much the same.

TypeError
Cannot read properties of undefined (reading '$db')

Because store doesn't exist (is undefined) reading $db also of course fails.

What changed from v1 to v2 that vuex is no longer supported, and how do I make it supported again?