Make a poc for the api for line today & made some docs for myself and

others so others also can use the api
This commit is contained in:
yuanhau 2025-05-20 14:49:50 +08:00
parent 1680945186
commit ba1b3afa6f
12 changed files with 212 additions and 9 deletions

View file

@ -471,7 +471,9 @@ watchEffect((cleanupFn) => {
v-else
>
<!--Menu container-->
<div class="flex flex-row g-2 text-gray-400 z-9999 selection:opacity-0">
<div
class="flex flex-row g-2 rounded-xl gray-500/80 backdrop-blur-sm z-9999 selection:opacity-0"
>
<button
@click="toggleMenu"
class="w-8 h-8 text-white hover:text-blue-500 transition-all duration-100 flex flex-row"

View file

@ -154,7 +154,7 @@ useSeoMeta({
id="cards"
>
<div
class="px-10 bg-gray-900/70 w-[300px] h-[200px] group rounded-xl shadow-lg hover:shadow-sky-600/90 backdrop-blur-sm border border-gray-800 hover:border-gray-600/70 transition-all duration-700 justify-center align-middle flex flex-col"
class="px-10 bg-gray-900/70 w-[300px] h-[200px] group rounded-xl shadow-lg hover:shadow-sky-600/90 hover:-translate-y-3 backdrop-blur-sm border border-gray-800 hover:border-gray-600/70 transition-all duration-700 justify-center align-middle flex flex-col"
v-for="item in cards"
:key="item.title"
>

View file

@ -1,7 +1,7 @@
<script lang="ts" setup>
const localePath = useLocalePath();
// Import Icons
import { SearchXIcon } from "lucide-vue-next";
import { SearchXIcon, CircleSlash2Icon } from "lucide-vue-next";
// Array
const tools = [
{
@ -10,6 +10,12 @@ const tools = [
icon: SearchXIcon,
go: localePath("/tools/checkweirdkeywords"),
},
{
name: "無廣告新聞",
content: "提供無廣告的LINE Today 新聞",
icon: CircleSlash2Icon,
go: localePath("/tools/freelinetoday"),
},
];
</script>
<template>
@ -22,7 +28,7 @@ const tools = [
>
<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"
class="px-10 bg-gray-900/70 w-[300px] h-[200px] group rounded-xl shadow-lg hover:shadow-sky-700/90 hover:-translate-y-3 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"