[Vuetify] Could not find defaults instance

[amirtbi]

The following component, is a Vue component that contains Vuetify components.

`

<script setup> import { VCard, VCardText } from "vuetify/components/VCard"; </script> hello `

Also, I want use it as a web component as follows:

import { createApp, h } from "vue";

import "./style.css";
import App from "./App.vue";

import wrapper from "vue3-webcomponent-wrapper";
// Vuetify
import "vuetify/styles";
import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";

const vuetify = createVuetify({
components,
directives,
});

const app = createApp(App);
// app.component("my-component", MyComponent);

app.use(vuetify);

import CustomForm from "./components/VButton.vue";

const CustomElement = wrapper(CustomForm, createApp, h);
window.customElements.define("my-form", CustomElement);
app.mount("#app");

`

but, after building project, the following error appears and nothing will appears on display:

[Vuetify] Could not find defaults instance