Add a tools home page & update the json file with a bunch of ewww words

and of course, bypassed the login ui 😅

components/blurPageBeforeLogin.vue

@@ -13,7 +13,7 @@ try {
   if (sendError.value) {
     error.value = true;
   }
-  if (false) {
+  if (true) {
     allowed.value = true;
   } else {
     allowed.value = false;

database/kidunfriendlycontent.json

@@ -13,6 +13,7 @@
     "透視裝",
     "性侵",
     "裸照",
-    "性感"
+    "性感",
+    "找妹"
   ]
 }

pages/home.vue

@@ -102,6 +102,10 @@ onMounted(() => {
     }
   });
 });
+
+useSeoMeta({
+  title: "Home",
+});
 </script>
 <template>
   <div>

pages/tools/checkweirdkeywords.vue

@@ -6,6 +6,9 @@ const checkTitle = async () => {
   if (!title.value) return;
   system.value = await CheckKidUnfriendlyContent(title.value);
 };
+useSeoMeta({
+  title: "這個文章是不是使用偏色情的標體？",
+});
 </script>
 <template>
   <div

pages/tools/index.vue

@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+const localePath = useLocalePath();
+// Import Icons
+import { SearchXIcon } from "lucide-vue-next";
+// Array
+const tools = [
+  {
+    name: "檢查偏色情標體",
+    content: "這個工具檢查新聞記者是不是使用偏色情的標體 (台灣的很愛用)",
+    icon: SearchXIcon,
+    go: localePath("/tools/checkweirdkeywords"),
+  },
+];
+</script>
+<template>
+  <div
+    class="justify-center align-center absolute inset-0 flex flex-col w-full h-screen"
+  >
+    <h1 class="text-5xl text-bold m-4 text-center">Tools</h1>
+    <div
+      class="justify-center align-center gap-2 p-2 w-full flex flex-row flex-wrap relative"
+    >
+      <NuxtLink :to="item.go" v-for="item in tools">
+        <div
+          class="px-10 bg-gray-900/70 w-[300px] h-[200px] group rounded-xl shadow-lg hover:shadow-sky-700/90 backdrop-blur-sm border border-gray-800 hover:border-gray-600/70 transition-all duration-700 justify-center align-middle flex flex-col"
+        >
+          <component
+            :is="item.icon"
+            class="w-8 h-8 text-white group-hover:text-sky-500 transition-colors duration-300"
+          />
+          <h3 class="text-xl font-bold">{{ item.name }}</h3>
+          <p
+            class="text-gray-400 group-hover:text-gray-300 transition-colors duration-300 text-wrap"
+          >
+            {{ item.content }}
+          </p>
+        </div>
+      </NuxtLink>
+    </div>
+  </div>
+  <div class="h-screen"></div>
+</template>

server/api/user/fav.ts

@@ -0,0 +1,11 @@
+export default defineEventHandler(async (event) => {
+  return {
+    items: [
+      {
+        name: "dfasdfa",
+        article_link: "49redjvicjwsd",
+        favTime: "2024-12-12",
+      },
+    ],
+  };
+});