how to import pinia state into an external config file?

[Fanna1119]

I have a pinia store state that i would like to import into a tailwind config file.

i get the following error:

TypeError: Invalid value used as weak map key

//pinia store
themeSelect.js

import { defineStore } from 'pinia'
import { useStorage } from '@vueuse/core'

export const useThemes = defineStore({
    id: 'themeSelect',
    state: () => (
        {
            ActiveTheme: useStorage("active-theme", "emerald"),
            availableThemes: ['emerald', 'dark', 'forest', 'synthwave']
        }
    )

windi.config.js

const { transform } = require('windicss/helpers')
import { useThemes } from './src/stores/themeSelect.js'

const mythemes = useThemes();

module.exports = {

    plugins: [
        transform('daisyui'),
    ],
    daisyui: {
        themes: Object.values(mythemes.availableThemes)
    }
}

[posva]

You need to pass the pinia instance but you won't be able to share it with your app because your application runs in a different context (the browser) than the dev server (mode process)