Pinia와 함께 Vue.js 웹 구성 요소 사용

Question

질문이 업데이트되었습니다

저는 Vue.js를 사용하여 생성된 웹 구성 요소와 함께 Pinia의 스토어를 사용해 보았지만 콘솔에 다음 오류가 발생했습니다.

[Vue 경고]:

에서 주입 "기호(피니아)"를 찾을 수 없습니다.

아주 간단한 예가 있습니다.

1. main.ts

으아아아

2. store.ts

으아아아

3. HelloWorld.ce.vue

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

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

Answer 1

main.js에서 피니아를 생성한 후 스토어에서 피니아를 다시 생성하게 됩니다. 매장에서 다음 줄을 삭제하세요.

으아아아