mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 15:51:01 +08:00
31 lines
1.0 KiB
Vue
31 lines
1.0 KiB
Vue
<script setup lang="ts">
|
||
import CheckKidUnfriendlyContent from "~/components/checks/checkKidUnfriendlyContent";
|
||
const title = ref("");
|
||
const system = ref(false);
|
||
const testingReturn = ref("");
|
||
const checkTitle = async () => {
|
||
if (!title.value) return;
|
||
testingReturn.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]" />
|
||
<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>{{ testingReturn }}</div>
|
||
<div class="h-screen"></div>
|
||
</template>
|