@owocow/saber-ui 0.0.1 → 0.0.2

package/README.md

@@ -12,7 +12,21 @@ npm install @owocow/saber-ui @nuxt/ui
 
 ## Usage
 
-### Plugin (recommended)
+### Setup (recommended)
+
+```bash
+npm install @owocow/saber-ui @nuxt/ui
+```
+
+```ts
+// vite.config.ts
+import vue from '@vitejs/plugin-vue'
+import saberUI from '@owocow/saber-ui/vite'
+
+export default defineConfig({
+  plugins: [vue(), saberUI()],
+})
+```
 
 ```ts
 // main.ts
@@ -37,6 +51,8 @@ app.mount('#app')
 
 ### On-demand import
 
+If you don't need the Vite plugin, import components directly:
+
 ```vue
 <script setup>
 import { BadgeStatus } from '@owocow/saber-ui'
@@ -50,6 +66,8 @@ import { BadgeStatus } from '@owocow/saber-ui'
 </template>
 ```
 
+> **Note**: Without `@owocow/saber-ui/vite`, you need to configure `@nuxt/ui/vite` manually in your `vite.config.ts` and import Nuxt UI CSS manually.
+
 ## Components
 
 ### BadgeStatus

package/dist/vite.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("@nuxt/ui/vite");module.exports=e;

package/dist/vite.d.ts

@@ -0,0 +1 @@
+export { default } from '@nuxt/ui/vite';

package/dist/vite.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "@nuxt/ui/vite";
+export {
+  o as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owocow/saber-ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vue 3 component library — BadgeStatus and more, built on top of @nuxt/ui",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -11,6 +11,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.mjs",
+      "require": "./dist/vite.cjs"
     }
   },
   "files": [