如何将VUE3组件库作为独立的Web组件？

Question

我在VITE架构中有一组VUE3组件，并希望将它们作为纯Web组件的Lib发布。如何使用我的构建文件进行？

我跟随Vite文档建立了一个自由。它说要将其添加到vite.config.js文件中：

const path = require('path');
const {defineConfig} = require('vite');
const vue = require('@vitejs/plugin-vue');

// https://vitejs.dev/config/
export default defineConfig({
    build: {
        lib: {
            entry: path.resolve(__dirname, 'src/components/index.js'),
            name: 'TykaynLib',
            fileName: (format) => `tykayn-lib.${format}.js`,
        },
        rollupOptions: {
            external: ['vue'],
            output: {
                // Provide global variables to use in the UMD build
                // Add external deps here
                globals: {
                    vue: 'Vue',
                    TykaynLib : 'TykaynLib'
                },
            },
        },
    },
    plugins: [vue()],
});

因此，在构建后，我将获得包含我组件的ES和UMD文件，但它们不是独立的，他们要求Vuejs能够工作。

我想要纯Web组件，只需加载脚本并只需要在HTML文件中添加我的自定义HTML标签即可使用它们。我不想为VUE制作插件，也不想要求组件的最终用户必须使用VUE。 有办法建立这个吗？