mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 13:04:23 +00:00
32 lines
1 KiB
Vue
32 lines
1 KiB
Vue
<script setup lang="ts">
|
||
import CheckKidUnfriendlyContent from "~/components/checks/checkKidUnfriendlyContent";
|
||
const title = ref("");
|
||
const system = ref(false);
|
||
const checkTitle = async () => {
|
||
if (!title.value) return;
|
||
system.value = await CheckKidUnfriendlyContent(title.value);
|
||
};
|
||
useSeoMeta({
|
||
title: "這個文章是不是使用偏色情的標體？",
|
||
});
|
||
</script>
|
||
<template>
|
||
<div
|
||
class="flex flex-col absolute h-screen w-full inset-0 justify-center align-center text-center"
|
||
>
|
||
<h1 class="text-4xl m-2">這個文章是不是使用偏色情的標體？</h1>
|
||
<div class="flex flex-row justify-center align-center gap-2">
|
||
<input
|
||
type="text"
|
||
class="text-black rounded-xl p-2 w-[300px]"
|
||
v-model="title"
|
||
/>
|
||
<button @click="checkTitle" class="rounded-xl bg-sky-600 p-2">
|
||
Find
|
||
</button>
|
||
</div>
|
||
<span v-if="system" class="text-red-400 text-8xl m-8">是</span>
|
||
<span v-else class="text-white">不是</span>
|
||
</div>
|
||
<div class="h-screen"></div>
|
||
</template>
|