-
- 為什麼要做網站？
- 1. 台灣媒體真的很爛，要嘛有超多偏見，或是比較偏小孩不能看的新聞 (aka 擦邊通過的
- 2. 這個網站是為了讓大家可以更方便的比較新聞，可以分析新聞的偏見
- 3. 學 TailwindCSS
-
-
-
+
+
+ 為什麼要做網站？
+ 1. 台灣媒體真的很爛，要嘛有超多偏見，或是比較偏小孩不能看的新聞 (aka
+ 擦邊通過的
+ 2. 這個網站是為了讓大家可以更方便的比較新聞，可以分析新聞的偏見
+ 3. 學 TailwindCSS
+
+
+
diff --git a/components/app/windows/chatbot.vue b/components/app/windows/chatbot.vue
index e13cd12..cf2ec38 100644
--- a/components/app/windows/chatbot.vue
+++ b/components/app/windows/chatbot.vue
@@ -1,5 +1,13 @@
+
-
-
-
-
\ No newline at end of file
+
Hi
+
diff --git a/components/navigation.vue b/components/navigation.vue
index 56ef0d2..8cef941 100644
--- a/components/navigation.vue
+++ b/components/navigation.vue
@@ -20,7 +20,9 @@ const toggleDropdown = () => {
class="fixed top-0 inset-x-0 bg-[#81611a]/70 backdrop-blur-sm h-[55px] flex align-center items-center flex-row text-white pl-4 gap-x-5 justify-between z-50 rounded-3xl m-2"
>
- {{ t("core.sitename") }}
+ {{
+ t("core.sitename")
+ }}
+import {
+ AccordionRoot,
+ type AccordionRootEmits,
+ type AccordionRootProps,
+ useForwardPropsEmits,
+} from "reka-ui";
+
+const props = defineProps
();
+const emits = defineEmits();
+
+const forwarded = useForwardPropsEmits(props, emits);
+
+
+
+
+
+
+
diff --git a/components/ui/accordion/AccordionContent.vue b/components/ui/accordion/AccordionContent.vue
new file mode 100644
index 0000000..2904c6c
--- /dev/null
+++ b/components/ui/accordion/AccordionContent.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
diff --git a/components/ui/accordion/AccordionItem.vue b/components/ui/accordion/AccordionItem.vue
new file mode 100644
index 0000000..fcfd9d5
--- /dev/null
+++ b/components/ui/accordion/AccordionItem.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
diff --git a/components/ui/accordion/AccordionTrigger.vue b/components/ui/accordion/AccordionTrigger.vue
new file mode 100644
index 0000000..4c3d436
--- /dev/null
+++ b/components/ui/accordion/AccordionTrigger.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/ui/accordion/index.ts b/components/ui/accordion/index.ts
new file mode 100644
index 0000000..92efaba
--- /dev/null
+++ b/components/ui/accordion/index.ts
@@ -0,0 +1,4 @@
+export { default as Accordion } from "./Accordion.vue";
+export { default as AccordionContent } from "./AccordionContent.vue";
+export { default as AccordionItem } from "./AccordionItem.vue";
+export { default as AccordionTrigger } from "./AccordionTrigger.vue";
diff --git a/createDatabase.ts b/createDatabase.ts
index 32e4ea3..9259f64 100644
--- a/createDatabase.ts
+++ b/createDatabase.ts
@@ -51,24 +51,14 @@ create table if not exists go_links {
created_at timestampz default current_timestamp
}
`;
-/*
-const createAdminPosts = await sql`
-create table if not exists adminPosts (
- uuid text primary key,
- slug text not null unique,
- content text not null,
- created_at timestampz default current_timestamp,
- byUser text not null
-)
-`;
-const adminUsers = await sql`
-create table if not exists adminUsers (
- uuid text primary key,
- username text not null unique,
- passwordHash text not null,
- created_at timestampz default current_timestamp,
- lastlogged_at timestampz default current_timestamp,
-)
-`;*/
+
+const createUserAiChatHistory = await sql`
+CREATE TABLE IF NOT EXISTS chat_history (
+ id SERIAL PRIMARY KEY,
+ uuid VARCHAR(255) NOT NULL,
+ role VARCHAR(50) NOT NULL,
+ content TEXT NOT NULL,
+ created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+)`;
console.log("Creation Complete");
diff --git a/error.vue b/error.vue
index 058ba40..39ffbab 100644
--- a/error.vue
+++ b/error.vue
@@ -12,7 +12,7 @@ const { t } = useI18n();
>{{ error.statusCode }}
{{
- error.statusMessage
+ error.message
}}
diff --git a/pages/app/desktop/index.vue b/pages/app/desktop/index.vue
index 19181bd..dd32300 100644
--- a/pages/app/desktop/index.vue
+++ b/pages/app/desktop/index.vue
@@ -31,15 +31,9 @@ import LoginWindow from "~/components/app/windows/login.vue";
import HotNewsWindow from "~/components/app/windows/hotnews.vue";
import SourcesWindow from "~/components/app/windows/sources.vue";
import AboutWindow from "~/components/app/windows/about.vue";
+import ChatbotWindow from "~/components/app/windows/chatbot.vue";
import Error404Window from "~/components/app/windows/error404.vue";
-// Import Shadcn/UI components
-import AlertComponent from "~/components/ui/alert/Alert.vue";
-import ButtonComponent from "~/components/ui/button/Button.vue";
-import DialogComponent from "~/components/ui/dialog/Dialog.vue";
-import ProgressComponent from "~/components/ui/progress/Progress.vue";
-import HoverCardComponent from "~/components/ui/hover-card/HoverCard.vue";
-
// Icons
import {
ComputerDesktopIcon,
@@ -71,7 +65,7 @@ const openAppId = ref();
const openAppNameQuery = ref();
const currentOpenAppId = ref(0);
const progress = ref(0);
-
+const titleAppName = ref("Desktop");
// Key Data
const menuItems = [
@@ -95,27 +89,56 @@ const associAppWindow = [
width: "700px",
height: "500px",
},
- { name: "login", id: "2", title: t("app.login"), component: LoginWindow },
+ {
+ name: "login",
+ id: "2",
+ title: t("app.login"),
+ component: LoginWindow,
+ },
{
name: "sources",
id: "3",
title: t("app.sources"),
component: SourcesWindow,
},
- { name: "about", id: "4", title: t("app.about"), component: AboutWindow },
+ {
+ name: "about",
+ id: "4",
+ title: t("app.about"),
+ component: AboutWindow,
+ },
{
name: "settings",
id: "5",
title: t("app.settings"),
component: Error404Window,
},
- { name: "news", id: "6", title: t("app.news"), component: Error404Window },
+ {
+ name: "news",
+ id: "6",
+ title: t("app.news"),
+ component: Error404Window,
+ },
{
name: "starred",
id: "7",
title: t("app.starred"),
component: Error404Window,
},
+ {
+ name: "chatbot",
+ id: "8",
+ title: t("app.chatbot"),
+ component: ChatbotWindow,
+ width: "400px",
+ height: "600px",
+ },
+ {
+ name: "error404",
+ id: "9",
+ title: t("app.error404"),
+ component: Error404Window,
+ },
];
// Date
@@ -176,7 +199,6 @@ onMounted(async () => {
}
});
-
const findAndOpenWindow = (windowName: string) => {
const app = associAppWindow.find((app) => app.name === windowName);
@@ -199,6 +221,7 @@ const findAndOpenWindow = (windowName: string) => {
if (app) {
// Use shallowRef for better performance with components
const windowComponent = shallowRef(app.component);
+ titleAppName.value = app.title;
activeWindows.value.push({
id: currentOpenAppId.value,
@@ -216,12 +239,12 @@ const obtainTopWindowPosition = (windowId: string) => {
const windowIndex = activeWindows.value.findIndex(
(window) => window.id === windowId,
);
- console.log(windowIndex)
+ console.log(windowIndex);
if (windowIndex !== -1) {
const [window] = activeWindows.value.splice(windowIndex, 1);
activeWindows.value.push(window);
}
-}
+};
const closeWindow = (windowId: string) => {
activeWindows.value = activeWindows.value.filter(
@@ -234,17 +257,17 @@ const maxWindow = (windowId: string) => {};
// Title
useSeoMeta({
- title: "hi" + " - Desktop",
+ title: titleAppName.value + " - Desktop",
});
// Booting animation
onMounted(() => {
// booting animation bypass
-const bootingHeaderParams = route.query.bypass;
-if (bootingHeaderParams) {
- bootingAnimation.value = false;
- return;
-}
+ const bootingHeaderParams = route.query.bypass;
+ if (bootingHeaderParams) {
+ bootingAnimation.value = false;
+ return;
+ }
if (bootingAnimation.value) {
gsap.to(popMessage.value, {
duration: 0.5,
@@ -255,20 +278,26 @@ if (bootingHeaderParams) {
bootingAnimation.value = false;
}, 2000);
}
-})
+});
watchEffect((cleanupFn) => {
- const timer = setTimeout(() => progress.value = 100, 500)
- cleanupFn(() => clearTimeout(timer))
-})
+ const timer = setTimeout(() => (progress.value = 100), 500);
+ cleanupFn(() => clearTimeout(timer));
+});
-
-
-
+
+
+
Launching your fancy desktop...
+ >Launching your fancy desktop...
{
-
-
- {{ currentDate }}
-
+
+ {{ currentDate }}
+