Make a demo?

components/checks/checkKidUnfriendlyContent.ts

@@ -1,6 +1,17 @@
-async function checkUnsafeContent() {
+import NewsAnalyzer from "~/components/newsAnalyzer";
-  const req = await fetch("/api/contentcheck/kidunfriendlycontent");
+const newsAnalyzer = new NewsAnalyzer();
-  const res = await req.json();
+async function checkUnsafeContent(title: string) {
+  try {
+    const req = await fetch("/api/contentcheck/kidunfriendlycontent");
+    const res = await req.json();
+    const patterns = res.words.map((word) => new RegExp(word, "i"));
+    console.log(patterns);
+    newsAnalyzer.setSensitivePatterns(patterns);
+    const kidfriendly = newsAnalyzer.isKidFriendly(title);
+    return kidfriendly;
+  } catch (e) {
+    console.log(e);
+  }
 }
 
 export default checkUnsafeContent;

components/newsAnalyzer.ts

@@ -0,0 +1,20 @@
+// News Analyzer Class
+class NewsAnalyzer {
+  private sensitivePatterns: RegExp[];
+  constructor() {
+    this.sensitivePatterns = [];
+  }
+
+  isKidFriendly(title) {
+    for (let pattern of this.sensitivePatterns) {
+      if (pattern.test(title)) return false;
+    }
+    return true;
+  }
+
+  public setSensitivePatterns(patterns: RegExp[]): void {
+    this.sensitivePatterns = patterns;
+  }
+}
+
+export default NewsAnalyzer;

pages/demo.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import CheckKidUnfriendlyContent from "~/components/checks/checkKidUnfriendlyContent";
+const title = ref("");
+const system = ref(false);
+const checkTitle = () => {
+  if (!title.value) return;
+  system.value = CheckKidUnfriendlyContent(title.value);
+}
+</script>
+<template>
+<input type="text" v-model="title">
+<button @click="checkTitle">
+    <div>{{ system }}</div>
+</template>

server/api/contentcheck/kidunfriendlycontent.ts

@@ -1,6 +1,6 @@
 import sql from "~/server/components/postgres";
 export default defineEventHandler(async (event) => {
   return {
-    words: ["violence"],
+    words: ["violence", "kill", "太小"],
   };
 });