Merge pull request #11 from peoray/feature/sources

feat: add sources component

Author: cwandev

apps/test/app/examples/sources.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { Source, Sources, SourcesContent, SourcesTrigger } from '@repo/elements/sources'
+
+const sources = [
+  { href: 'https://stripe.com/docs/api', title: 'Stripe API Documentation' },
+  { href: 'https://docs.github.com/en/rest', title: 'GitHub REST API' },
+  {
+    href: 'https://docs.aws.amazon.com/sdk-for-javascript/',
+    title: 'AWS SDK for JavaScript',
+  },
+]
+</script>
+
+<template>
+  <div style="height: 110px">
+    <Sources>
+      <SourcesTrigger :count="sources.length" />
+      <SourcesContent>
+        <Source
+          v-for="source in sources"
+          :key="source.href"
+          :href="source.href"
+          :title="source.title"
+        />
+      </SourcesContent>
+    </Sources>
+  </div>
+</template>

apps/test/app/pages/index.vue

@@ -13,6 +13,7 @@ import OpenInChat from '~/examples/open-in-chat.vue'
 import PromptInput from '~/examples/prompt-input.vue'
 import Response from '~/examples/response.vue'
 import Shimmer from '~/examples/shimmer.vue'
+import Sources from '~/examples/sources.vue'
 import Suggestion from '~/examples/suggestion.vue'
 import Task from '~/examples/task.vue'
 
@@ -32,6 +33,7 @@ const components = [
   { name: 'Suggestion', Component: Suggestion },
   { name: 'OpenInChat', Component: OpenInChat },
   { name: 'Loader', Component: Loader },
+  { name: 'Sources', Component: Sources },
 ]
 </script>