From 03be864a08f0552c4f5b5e0b85c8c939fd49c7b9 Mon Sep 17 00:00:00 2001
From: Sadegh Barati <sadeghbaratiwork@gmail.com>
Date: Fri, 29 Sep 2023 14:36:06 +0330
Subject: [PATCH] fix: class-name -> class

---
 apps/www/src/examples/forms/components/AppearanceForm.vue   | 2 +-
 apps/www/src/lib/registry/default/example/CardChat.vue      | 6 +++---
 .../src/lib/registry/default/example/Cards/DataTable.vue    | 2 +-
 apps/www/src/lib/registry/default/example/TableDemo.vue     | 4 ++--
 .../src/lib/registry/new-york/example/Cards/DataTable.vue   | 2 +-
 apps/www/src/lib/registry/new-york/example/TableDemo.vue    | 4 ++--
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/www/src/examples/forms/components/AppearanceForm.vue b/apps/www/src/examples/forms/components/AppearanceForm.vue
index 16ac2aed..0cd81695 100644
--- a/apps/www/src/examples/forms/components/AppearanceForm.vue
+++ b/apps/www/src/examples/forms/components/AppearanceForm.vue
@@ -83,7 +83,7 @@ const onSubmit = handleSubmit((values) => {
     </FormField>
 
     <FormField v-slot="{ componentField }" type="radio" name="theme">
-      <FormItem class-name="space-y-1">
+      <FormItem class="space-y-1">
         <FormLabel>Theme</FormLabel>
         <FormDescription>
           Select the theme for the dashboard.
diff --git a/apps/www/src/lib/registry/default/example/CardChat.vue b/apps/www/src/lib/registry/default/example/CardChat.vue
index 40ca139e..66089f4e 100644
--- a/apps/www/src/lib/registry/default/example/CardChat.vue
+++ b/apps/www/src/lib/registry/default/example/CardChat.vue
@@ -67,16 +67,16 @@ const selectedUsers = ref<User[]>([])
 <template>
   <Card>
     <CardHeader class="flex flex-row items-center justify-between">
-      <div className="flex items-center space-x-4">
+      <div class="flex items-center space-x-4">
         <Avatar>
           <AvatarImage src="/avatars/01.png" alt="Image" />
           <AvatarFallback>OM</AvatarFallback>
         </Avatar>
         <div>
-          <p className="text-sm font-medium leading-none">
+          <p class="text-sm font-medium leading-none">
             Sofia Davis
           </p>
-          <p className="text-sm text-muted-foreground">
+          <p class="text-sm text-muted-foreground">
             m@example.com
           </p>
         </div>
diff --git a/apps/www/src/lib/registry/default/example/Cards/DataTable.vue b/apps/www/src/lib/registry/default/example/Cards/DataTable.vue
index a6d201ff..b4a8d36e 100644
--- a/apps/www/src/lib/registry/default/example/Cards/DataTable.vue
+++ b/apps/www/src/lib/registry/default/example/Cards/DataTable.vue
@@ -169,7 +169,7 @@ const table = useVueTable({
     </CardHeader>
     <CardContent>
       <div class="w-full">
-        <div className="mb-4 flex items-center gap-4">
+        <div class="mb-4 flex items-center gap-4">
           <Input
             class="max-w-sm"
             placeholder="Filter emails..."
diff --git a/apps/www/src/lib/registry/default/example/TableDemo.vue b/apps/www/src/lib/registry/default/example/TableDemo.vue
index f3c49966..b2510d0d 100644
--- a/apps/www/src/lib/registry/default/example/TableDemo.vue
+++ b/apps/www/src/lib/registry/default/example/TableDemo.vue
@@ -60,12 +60,12 @@ const invoices = [
     <TableCaption>A list of your recent invoices.</TableCaption>
     <TableHeader>
       <TableRow>
-        <TableHead class-name="w-[100px]">
+        <TableHead class="w-[100px]">
           Invoice
         </TableHead>
         <TableHead>Status</TableHead>
         <TableHead>Method</TableHead>
-        <TableHead class-name="text-right">
+        <TableHead class="text-right">
           Amount
         </TableHead>
       </TableRow>
diff --git a/apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue b/apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue
index 1cc8c673..2ed40cc3 100644
--- a/apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue
+++ b/apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue
@@ -169,7 +169,7 @@ const table = useVueTable({
     </CardHeader>
     <CardContent>
       <div class="w-full">
-        <div className="mb-4 flex items-center gap-4">
+        <div class="mb-4 flex items-center gap-4">
           <Input
             class="max-w-sm"
             placeholder="Filter emails..."
diff --git a/apps/www/src/lib/registry/new-york/example/TableDemo.vue b/apps/www/src/lib/registry/new-york/example/TableDemo.vue
index 8e5ef93b..c17a6a68 100644
--- a/apps/www/src/lib/registry/new-york/example/TableDemo.vue
+++ b/apps/www/src/lib/registry/new-york/example/TableDemo.vue
@@ -60,12 +60,12 @@ const invoices = [
     <TableCaption>A list of your recent invoices.</TableCaption>
     <TableHeader>
       <TableRow>
-        <TableHead class-name="w-[100px]">
+        <TableHead class="w-[100px]">
           Invoice
         </TableHead>
         <TableHead>Status</TableHead>
         <TableHead>Method</TableHead>
-        <TableHead class-name="text-right">
+        <TableHead class="text-right">
           Amount
         </TableHead>
       </TableRow>