feat: UIComponentsComponents

src/pages/UI-components/Components/index.page.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { Button as ShadcnButton } from '@/shadcn/components/ui/button';
+</script>
+
+<template>
+  <div class="flex flex-col items-center justify-center space-y-4 bg-white p-4">
+    <div class="flex flex-wrap gap-4" b="1px solid red" p="4">
+      <a-button type="primary">Primary Button</a-button>
+      <a-button>Default Button</a-button>
+      <a-button type="dashed">Dashed Button</a-button>
+      <a-button type="text">Text Button</a-button>
+      <a-button type="link">Link Button</a-button>
+    </div>
+    <div class="flex space-x-4" b="1px solid red" p="4">
+      <Button label="PrimevueButton" />
+      <Button variant="outlined" label="Outlined" />
+      <Button variant="text" label="Text" />
+      <Button variant="link" label="Link" />
+    </div>
+    <div class="flex space-x-4" b="1px solid red" p="4">
+      <ShadcnButton>ShadcnButton</ShadcnButton>
+      <ShadcnButton variant="secondary">Secondary</ShadcnButton>
+      <ShadcnButton variant="destructive">Destructive</ShadcnButton>
+      <ShadcnButton variant="outline">Outline</ShadcnButton>
+      <ShadcnButton variant="ghost">Ghost</ShadcnButton>
+      <ShadcnButton variant="link">Link</ShadcnButton>
+    </div>
+
+    <div class="flex space-x-4" b="1px solid red" p="4">
+      <a-input placeholder="Basic usage" />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>