1. Install

   npm

   npm install @dxdns-kit/core @dxdns-kit/vue

   pnpm

   pnpm add @dxdns-kit/core @dxdns-kit/vue

2. Setup provider

   Wrap your application with the Provider to enable all dxdns-kit components. This should be done at the layout level to ensure global access.

   Recommended: Place this in src/main.ts (React root element)

   • Directorysrc

     • main.ts

   import { createApp, h } from "vue"
   import App from "./App.vue"
   import { Provider } from "@dxdns-kit/vue"
   
   const app = createApp({
       render() {
           return h(Provider, null, {
               default: () => h(App)
           })
       }
   })
   
   app.mount("#app")

3. Enjoy!

   Usage

   <script setup lang="ts">
       import { Button } from "@dxdns-kit/vue"
   </script>
   
   <template>
       <Button>
           Click me
       </Button>
   </template>

   Preview
   Click me