How to use vuex with defineCustomElement in vue 3.2

Question

In Vue version 3.2 we can define custom elements using new future defineCustomElement

How I can use (connect) store (vuex) with defineCustomElement?

Answer 1

This is how I solved it:

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

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

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

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