Merge pull request #7 from peoray/feature/open-in-chat

feat: add open-in-chat component

Author: cwandev

apps/test/app/examples/index.ts

@@ -7,6 +7,7 @@ export { default as Image } from './image.vue'
 export { default as Loader } from './loader.vue'
 export { default as MessageMarkdown } from './message-markdown.vue'
 export { default as Message } from './message.vue'
+export { default as OpenInChat } from './open-in-chat.vue'
 export { default as PromptInput } from './prompt-input.vue'
 export { default as Response } from './response.vue'
 export { default as Shimmer } from './shimmer.vue'

apps/test/app/examples/open-in-chat.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+  OpenIn,
+  OpenInChatGPT,
+  OpenInClaude,
+  OpenInContent,
+  OpenInCursor,
+  OpenInScira,
+  OpenInT3,
+  OpenInTrigger,
+  OpenInv0,
+} from '@repo/elements/open-in-chat'
+import { ref } from 'vue'
+
+const sampleQuery = ref('How can I implement authentication in Nuxt.js?')
+</script>
+
+<template>
+  <OpenIn :query="sampleQuery">
+    <OpenInTrigger />
+    <OpenInContent>
+      <OpenInChatGPT />
+      <OpenInClaude />
+      <OpenInCursor />
+      <OpenInT3 />
+      <OpenInScira />
+      <OpenInv0 />
+    </OpenInContent>
+  </OpenIn>
+</template>

apps/test/app/pages/index.vue

@@ -9,6 +9,7 @@ import Image from '~/examples/image.vue'
 import Loader from '~/examples/loader.vue'
 import MessageMarkdown from '~/examples/message-markdown.vue'
 import Message from '~/examples/message.vue'
+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'
@@ -25,6 +26,7 @@ const components = [
   { name: 'CodeBlock', Component: CodeBlock },
   { name: 'Image', Component: Image },
   { name: 'Shimmer', Component: Shimmer },
+  { name: 'OpenInChat', Component: OpenInChat },
   { name: 'Loader', Component: Loader },
 ]
 </script>