PR review fixes

docs/components/card/card.md

@@ -21,10 +21,10 @@ Use these responsive card components to show data entries and information to you
 
 ```vue
 <script setup>
-import { Card } from 'flowbite-vue'
+import { TheCard } from 'flowbite-vue'
 </script>
 <template>
-  <Card :href="'#'"/>
+  <the-card :href="'#'"/>
 </template>
 ```
 
@@ -34,14 +34,14 @@ import { Card } from 'flowbite-vue'
 
 ```vue
 <script setup>
-import { Card } from 'flowbite-vue'
+import { TheCard } from 'flowbite-vue'
 </script>
 <template>
-  <Card 
+  <the-card 
     :variant="'image'" 
     :href="'#'" 
-    :imgSrc="'./images/blog/image-1.jpg'" 
-    :imgAlt="'Image'"
+    :img-src="'./images/blog/image-1.jpg'" 
+    :img-alt="'Image'"
   />
 </template>
 ```
@@ -52,14 +52,14 @@ import { Card } from 'flowbite-vue'
 
 ```vue
 <script setup>
-import { Card } from 'flowbite-vue'
+import { TheCard } from 'flowbite-vue'
 </script>
 <template>
-  <Card 
+  <the-card 
     :variant="'horizontal'" 
     :href="'#'" 
-    :imgSrc="'./images/blog/image-4.jpg'" 
-    :imgAlt="'Image'"
+    :img-src="'./images/blog/image-4.jpg'" 
+    :img-alt="'Image'"
   />
 </template>
 ```

docs/components/card/examples/CardDefaultExample.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
-    <Card :href="'#'">
+    <the-card :href="'#'">
       <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
       <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
-    </Card>
+    </the-card>
   </div>
 </template>
 
 <script setup>
-import { Card } from '../../../../src/index'
+import { TheCard } from '../../../../src/index'
 </script>

docs/components/card/examples/CardHorizontalExample.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
-    <Card :href="'#'" :variant="'horizontal'" :imgSrc="'https://flowbite.com/docs/images/blog/image-4.jpg'" :imgAlt="'Desk'">
+    <the-card :href="'#'" :variant="'horizontal'" :img-src="'https://flowbite.com/docs/images/blog/image-4.jpg'" :imgAlt="'Desk'">
       <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
       <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
-    </Card>
+    </the-card>
   </div>
 </template>
 <script setup>
-import { Card } from '../../../../src/index'
-</script>
+import { TheCard } from '../../../../src/index'
+</script>

docs/components/card/examples/CardImageExample.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
-    <Card :href="'#'" :variant="'image'" :imgSrc="'https://flowbite.com/docs/images/blog/image-1.jpg'" :imgAlt="'Desk'">
+    <the-card :href="'#'" :variant="'image'" :img-src="'https://flowbite.com/docs/images/blog/image-1.jpg'" :imgAlt="'Desk'">
       <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
       <p class="font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
-    </Card>
+    </the-card>
   </div>
 </template>
 <script setup>
-import { Card } from '../../../../src/index'
-</script>
+import { TheCard } from '../../../../src/index'
+</script>