feat(components): add icon prop to readmore (#38)

Signed-off-by: ZTL-UwU <[email protected]>

components/content/ReadMore.vue

@@ -1,25 +1,26 @@
 <template>
-  <Alert :to="to" :target="target" icon="lucide:bookmark">
+  <Alert :to="to" :target="target" :icon>
     Read more at <span class="font-semibold">{{ computedTitle }}</span>
   </Alert>
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{
+const { title, to, icon = 'lucide:bookmark' } = defineProps<{
   title?: string;
   to: string;
   target?: string;
+  icon?: string;
 }>();
 
 const computedTitle = computed<string>(
   () => {
-    if (props.title)
-      return props.title;
+    if (title)
+      return title;
 
     try {
-      return useBreadcrumb(props.to).map(x => x.title).join(' > ');
+      return useBreadcrumb(to).map(x => x.title).join(' > ');
     } catch {
-      return props.to;
+      return to;
     }
   },
 );

content/1.getting-started/3.writing/2.components.md

@@ -89,12 +89,14 @@ The **Badges** under each component title marks compatibility with other doc tem
     :read-more{to="/getting-started/writing/markdown"}
     :read-more{title="Nuxt website" to="https://nuxt.com/"}
     :read-more{to="https://nuxt.com/"}
+    :read-more{icon="lucide:link" to="https://nuxt.com/"}
   ::
 
   ```mdc [Code]
   :read-more{to="/getting-started/writing/markdown"}
   :read-more{title="Nuxt website" to="https://nuxt.com/"}
   :read-more{to="https://nuxt.com/"}
+  :read-more{icon="lucide:link" to="https://nuxt.com/"}
   ```
 ::