问题已更新

我尝试使用 Pinia 的商店以及使用 Vue.js 创建的 Web 组件，但控制台中出现此错误：

[Vue warn]：在 处找不到注入“Symbol(pinia)”

我有一个非常简单的例子。

1. main.ts

import { defineCustomElement } from 'vue'
import HelloWorld from './components/HelloWorld.ce.vue'

const ExampleElement = defineCustomElement(HelloWorld)
customElements.define('hello-world', ExampleElement)

2. store.ts

import { defineStore, createPinia, setActivePinia } from "pinia";

setActivePinia(createPinia());

export const useCounterStore = defineStore('counter', {
  state: () => ({
    counter: 0,
  }),

  actions: {
    increment() {
      this.counter++;
    },
  },
});

3. HelloWorld.ce.vue