Can't use VUE3 web components

Development
1

is it possible to use VUE3 built web-components as custom components?
so far I am only getting card custom:clock-card TypeError: i.setConfig is not a function
my vite config is this:

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
// @ts-ignore
import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue({
        template: {
            compilerOptions: {
                isCustomElement: (tag) => tag.includes('clock-card')
            }
        }
    }), cssInjectedByJsPlugin()],
    build: {
        lib: {
            entry: './src/main.ts',
            name: 'clock-card',
            fileName: 'clock-card'
        }
    },
    define: {
        'process.env': process.env
    }
})

my main.ts is this:

import { defineCustomElement} from 'vue'
import App from './App.vue'

const app = defineCustomElement(App)
customElements.define('clock-card', app)

having the option to use vue in home assistant would be nice, because I could develop my custom cards faster and more conveniently

2

Hi,

I solved the issue with setConfig, here is link to it and there is also an example on git if you want to check.

Happy automating!