init

Author: lmiller1990

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+const threadsStore = useThreadsStore();
+
+await callOnce(threadsStore.fetch);
+
+const links = computed(() => {
+  return threadsStore.threads.map((thread) => {
+    return {
+      label: `${new Date(thread.created_at * 1000).toTimeString()} - id ${
+        thread.id
+      }`,
+      icon: "i-heroicons-document-solid",
+      to: `/threads/${thread.id}`,
+    };
+  });
+});
+</script>
+
+<template>
+  <div class="flex h-full">
+    <div class="w-72">
+      <UVerticalNavigation :links="links" />
+    </div>
+    <div class="w-full h-full">
+      <NuxtPage />
+    </div>
+  </div>
+</template>
+
+<style>
+html,
+body,
+#__nuxt {
+  height: 100%;
+}
+</style>

components/PracticeExam.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+const value = ref("");
+
+async function handleSubmit() {
+    const startChat = await $fetch("/api/tutor", {
+        method: "POST",
+        body: {
+            message: value.value,
+        },
+    });
+
+    console.log(startChat);
+    //
+}
+
+async function handleCreateThread() {
+    await $fetch("/api/threads", {
+        method: "POST",
+    });
+}
+
+async function handleShowThreads() {
+    const threads = await $fetch("/api/threads", {
+        method: "GET",
+    });
+
+    console.log(threads);
+    //
+}
+</script>
+
+<template>
+    <!--  -->
+    <form @submit.prevent="handleSubmit">
+        <UTextarea v-model="value" placeholder="Start chatting to AI..." />
+        <UButton type="submit">Start!</UButton>
+    </form>
+
+    <UButton @click="handleCreateThread">New Conversation</UButton>
+    <UButton @click="handleShowThreads">List conversations</UButton>
+</template>

components/Threads.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+const { data, pending, error, refresh } = await useFetch("/api/threads", {
+  method: "GET",
+});
+
+const links = computed(() => {
+  return (
+    data.value?.map((thread) => {
+      return {
+        label: new Date(thread.created_at * 1000).toTimeString(),
+        openai_id: thread.openai_id,
+        icon: "i-heroicons-document-solid",
+        to: `/threads/${thread.id}`,
+      };
+    }) ?? []
+  );
+});
+</script>
+
+<template>
+  <UVerticalNavigation :links="links" />
+</template>

composables/useLoading.ts

@@ -0,0 +1,14 @@
+export function useLoading<T>(cb: () => Promise<T>) {
+  const loading = ref(false);
+
+  const run = async () => {
+    loading.value = true;
+    await cb();
+    loading.value = false;
+  };
+
+  return {
+    run,
+    loading,
+  };
+}

mydb.sqlite

@@ -0,0 +1,9 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: ["@nuxt/ui", "@pinia/nuxt"],
+  nitro: {
+    experimental: {
+      websocket: true,
+    },
+  },
+});