prefix test

app.vue

@@ -1,3 +1,4 @@
 <template>
-  <RayButton>Click me!</RayButton>
+  <RayButton>test</RayButton>
+  <RayInput/>
 </template>

components/forms/Input.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <input placeholder="test from rayine" class="rounded-lg border border-neutral-200 px-2 py-1" />
+</template>
+
+<style scoped>
+
+</style>

nuxt.config.ts

@@ -1,5 +1,12 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ["@nuxtjs/tailwindcss"]
-})
+  modules: ["@nuxtjs/tailwindcss"],
+  components: [
+    {
+      path: "./components",
+      prefix: "Ray",
+      pathPrefix: false,
+    },
+  ],
+});

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my-nuxt-layer",
+  "name": "rayine-layer",
   "type": "module",
   "version": "0.0.1",
   "main": "./nuxt.config.ts",