error when building with vite-ssg

Attempting to run npm build on my vitesse-based project and I’m seeing the following error:

...
[vite-ssg] Build for server...
vite v2.5.6 building SSR bundle for production...
✓ 78 modules transformed.
.vite-ssg-temp/manifest.webmanifest        0.38 KiB
.vite-ssg-temp/main.js                     137.98 KiB
.vite-ssg-temp/assets/style.1bff94d7.css   22.56 KiB
TypeError: Cannot read property '_s' of undefined
    at useStore (/home/weiner/Sites/hc_project/handcrafted/vue/node_modules/pinia/dist/pinia.cjs.js:1544:20)
    at Module.<anonymous> (/home/weiner/Sites/hc_project/handcrafted/vue/.vite-ssg-temp/main.js:2673:19)
    at Module.o._compile (/home/weiner/Sites/hc_project/handcrafted/vue/node_modules/jiti/dist/v8cache.js:2:2778)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
    at Module.load (internal/modules/cjs/loader.js:937:32)
    at Function.Module._load (internal/modules/cjs/loader.js:778:12)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at __require (/home/weiner/Sites/hc_project/handcrafted/vue/node_modules/vite-ssg/dist/chunk-3FHQZVYO.js:22:12)
    at build (/home/weiner/Sites/hc_project/handcrafted/vue/node_modules/vite-ssg/dist/node/cli.js:140:52)

Any idea if the issue is with pinia or with vite-ssg? The only ticket I can find that references both is https://github.com/antfu/vite-ssg/issues/72. Here’s the app init in my main.ts

// https://github.com/antfu/vite-ssg
// https://github.com/antfu/vite-ssg/issues/72
export const createApp = ViteSSG(
  App,
  {routes},
  (ctx) => {
    // install all modules under `modules/`
    Object.values(import.meta.globEager('./modules/*.ts')).map(i => i.install?.(ctx));
    const pinia = createPinia()
    pinia.use(({store}) => {
      store.router = markRaw(ctx.router)
    })

    ctx.app.use(pinia)
  },
)

[mrweiner]

It looks like the cause of this is using my store outside of a vue component.

/~/store/auth.ts

export const useAuthStore = defineStore({ ... })

/~/modules/cart.ts

import { useAuthStore } from "~/store/auth";
const authStore = useAuthStore();
...
export const cartApi = { ... }

Then cartApi is used around the app. Removing all of the store-related code from carts.ts allows the build to run fine, but useAuthStore() causes the build to break. Maybe I need to open a new issue over in vite-ssg to see how I should deal with this. I’d assume that the stores just don’t exist yet when the ssg is looking at the module or something.

[mrweiner]

I just switched over to using vite-ssr instead of vite-ssg and encountered a different error from the same problem, so just figured I’d document my fix in here in case anybody stumbles across it. Initially I was defining my stores before the export, whereas now I do it in the export (which fixes my problem). This helps to ensure that pinia exists at that point, otherwise the stores may attempt to be defined before the application initializes and pinia is actually availabel:

Before

const authStore = useAuthStore();

export const cartApi = {
  // stuff
} 

After

export const useCartApi = () => {
  const authStore = useAuthStore();
  return {
    // stuff
  }
}