[Vue warn]: Injection "Symbol(pinia)" not found for vue-electron

[yyman001]

dev

"vue": "^2.6.10",
"vue-electron": "^1.0.6",
"@vue/composition-api": "^1.4.0",
"pinia": "^2.0.6",

Steps to reproduce the behavior

1. registry

import Vue from 'vue'
import axios from 'axios'

import App from './App'
import router from './router'
import store from './store'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './utils/DexieDB'
import VueCompositionAPI from '@vue/composition-api'
import antDesignVue from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import { createPinia } from 'pinia' //  look

if (!process.env.IS_WEB) Vue.use(require('vue-electron'))
Vue.http = Vue.prototype.$http = axios
Vue.config.productionTip = false

Vue.use(VueCompositionAPI)
Vue.use(ElementUI)
Vue.use(antDesignVue)
Vue.use(createPinia()) // look

/* eslint-disable no-new */
new Vue({
  components: { App },
  router,
  store,
  template: '<App/>'
}).$mount('#app')

2. defined

import { ref } from '@vue/composition-api'

export default function () {
  const searchText = ref('')
  const onSearch = ($event) => {
    searchText.value = $event.target.value
  }

  return {
    searchText,
    onSearch
  }
}

3. use

  setup () {
    const { searchText, onSearch } = storeToRefs(useSearchStore())

    return {
      searchText,
      onSearch
    }
  },

4. See error

 [Vue warn]: Injection "Symbol(pinia)" not found

I don't know what went wrong, Or it can't be used for vue-electron ? thank you help~

[posva]

You are missing passing pinia to new Vue() like shown in documentation