pinia-auto-refs
Pinia Auto Refs on-demand for Vite. With TypeScript support. Powered by unplugin-auto-import.Inspiration by vieruuuu in pinia/issues#718.
掘金：受够了手动 storeToRefs？来试试这个 vite 插件吧
without
import useUserStore from '@/store/user'
const userStore = useUserStore()
const { name, token, fullName } = storeToRefs(userStore)
const { updateName } = userStore
with
const { name, token, fullName, updateName } = useStore('user')
Install
npm i pinia-auto-refs
Setup
// vite.config.ts
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import PiniaAutoRefs from 'pinia-auto-refs'
export default defineConfig({
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
},
},
plugins: [
AutoImport({
imports: [
'pinia',
{
'@/helper/pinia-auto-refs': ['useStore'],
},
],
}),
PiniaAutoRefs(),
],
})
Config Options
type Options = Partial<{
storeDir: string
excludes: string[]
outputFile: string
}>
const defaultOptions = {
storeDir: 'src/store',
excludes: ['index'],
outputFile: 'src/helper/pinia-auto-refs.ts',
}
Attentions
You need to switch the store export mode to export default, because we can't get what you exported directly when we import automatically. Using export default makes it much easier.
// store/test.ts
export default defineStore({
id: 'test',
/* ... */
})
10 Oct 7, 2022
25 Nov 21, 2022
16 Jun 19, 2022
2 Sep 25, 2022
4.7k Jan 4, 2023
3 Sep 26, 2022
15.8k Jan 9, 2023
15 Dec 15, 2022
19 Dec 17, 2022
26 Dec 27, 2022