vue 3.2에서 사용자 지정 요소 정의와 함께 vuex를 사용하는 방법

vue 3.2에서 사용자 지정 요소 정의와 함께 vuex를 사용하는 방법

Vue 버전 3.2에서는 새로운 미래 defineCustomElement를 사용하여 사용자 지정 요소를 정의할 수 있음

defineCustomElement와 함께 저장(vuex)을 사용하는 방법

이렇게 해결했어

// App.ce.vue
<template>
  <pre>{{ state }}</pre>
</template>

<script>
import store from './store';

export default {
  setup() {
    const state = store.state;

    return { state };
  },
};
</script>

참조URL: https://stackoverflow.com/questions/69462522/how-to-use-vuex-with-definecustomelement-in-vue-3-2