https://ui.vuestic.dev/_nuxt/B1PBjY5V.js

1import{d as t,b as n}from"./ClgQXMoz.js";import"./B4ZmscOv.js";import"./oNHrlTz8.js";import"./CRsmbMAM.js";import"./zbKDdeN3.js";import"./JqdTGXnT.js";import"./OTYkPJ3m.js";import"./dc7ZrG7M.js";import"./CjfaRa8u.js";import"./Dxih5veI.js";import"./5D6EczKd.js";import"./CbR3AgpV.js";import"./Ij7l6LAn.js";const e=`// vite.config.ts
2import { defineConfig } from 'vite';
3import Components from 'unplugin-vue-components/vite'
4
5export default defineConfig({
6    plugins: [
7        Components({
8            resolvers: [
9              (componentName) => {
10                if (componentName.startsWith('Va'))
11                  return { name: componentName, from: 'vuestic-ui' }
12              },
13            ],
14        }),
15    ],
16});
17`,o=`// webpack.config.js
18module.exports = {
19  /* ... */
20  plugins: [
21    require('unplugin-vue-components/webpack').default({
22        resolvers: [
23          (componentName) => {
24            if (componentName.startsWith('Va'))
25              return { name: componentName, from: 'vuestic-ui' }
26          },
27        ],
28    }),
29  ],
30}
31`,i=`import { createApp } from "vue";
32import { createVuesticEssential } from "vuestic-ui";
33import "vuestic-ui/css";
34import App from "./App.vue";
35
36createApp(App)
37  .use(
38    createVuesticEssential({
39      config: {
40        /* ... */
41      },
42    })
43  )
44  .mount("#app");
45`,b=t({blocks:[n.title("Unplugin Vue Components"),n.paragraph("[Unplugin Vue Components](https://github.com/unplugin/unplugin-vue-components) is a Vite/Webpack plugin that automatically imports Vue components from your dependencies."),n.paragraph("You can use to import components from Vuestic UI without registering them globally or importing them in every file."),n.tabs({vite:[n.code(e)],webpack:[n.code(o)]}),n.paragraph("After installing the plugin, you can use components from Vuestic UI without importing them. But you need to prevent them from global registration. Use `createVuesticEssential` to register Vuestic without global components. Read more about tree-shaking [here](/getting-started/tree-shaking)"),n.code(i),n.paragraph("When working with [Nuxt](/getting-started/nuxt) this feature is built-in.")]});export{b as default};