import { createPinia } from 'pinia'
const pinia = createPinia()

function SecretPiniaPlugin(context) {
context.pinia; ?pina實(shí)例`createPinia()`
context.app; ?vue實(shí)例`createApp()`
context.store; ? 正在配置的store
context.options; ?store的配置`defineStore()`

context.store.hello = ref('secret');
context.store.hello;

const globalSecret = ref('secret')

store.secret = globalSecret

store.$state.secret = globalSecret

store.router = markRaw(router)

? store.$subscribe(() => {
? store改變時(shí)觸發(fā)
? })
? store.$onAction(() => {
? ? ?action觸發(fā)時(shí)觸發(fā)
? })
...
}

pinia.use(SecretPiniaPlugin)

pinia.use(({ store }) => ({
? store.hello = 'world'
}))

pinia.use(({ store }) => {
? store.hello = 'world'
? if (process.env.NODE_ENV === 'development') {
? ? store._customProperties.add('hello')
? }
})

function SecretPiniaPlugin() {
? return { secret: 'the cake is a lie' }
}
pinia.use(SecretPiniaPlugin)

defineStore('search', {
? actions: {
? ? searchContacts() {
? ? },
? },
? debounce: {
? ? searchContacts: 300,
? },
})

defineStore(
? 'search',
? () => {
? ? ...
? },
? {
? ? // this will be read by a plugin later on
? ? debounce: {
? ? ? // debounce the action searchContacts by 300ms
? ? ? searchContacts: 300,
? ? },
? }
)

import debounce from 'lodash/debunce'
pinia.use(({ options, store }) => {
? if (options.debounce) {
??
? ? 將設(shè)置了debounce的store中的原action改寫成具有防抖功能的action
? ??
? ? return Object.keys(options.debounce).reduce((debouncedActions, action) => {
? ? ? debouncedActions[action] = debounce(
? ? ? ? store[action],
? ? ? ? options.debounce[action]
? ? ? )
? ? ? return debouncedActions
? ? }, {})
? }
})