feat: update footer link formatting and add shadcn-nuxt integration

- Refactored footer.vue to improve link formatting.
- Updated nuxt.config.ts to include shadcn-nuxt and added necessary HTML attributes and meta tags for SEO.
- Added new dependencies in package.json for class-variance-authority, clsx, lucide-vue-next, reka-ui, shadcn-nuxt, tailwind-merge, and tailwindcss-animate.
- Cleaned up unused template tags in headlines.vue, index.vue, and news/[provider]/[slug].vue.
- Simplified sources.vue template structure.
- Improved login.vue styles for better animation.
- Enhanced google.ts API handler for better error handling and code clarity.
- Updated find/newsOrg.ts to ensure consistent code style.
- Added CSS variables and improved Tailwind configuration in main.css and tailwind.config.js.
- Created components.json for shadcn integration and added new UI components (Alert, Button, Progress) with respective styles and variants.
- Implemented utility functions in utils.ts for class name merging and value updating.

nuxt.config.ts

@@ -13,6 +13,7 @@ export default defineNuxtConfig({
     "@nuxtjs/seo",
     "@nuxtjs/i18n",
     "@nuxtjs/tailwindcss",
+    "shadcn-nuxt",
   ],
   i18n: {
     defaultLocale: "en",
@@ -30,15 +31,63 @@ export default defineNuxtConfig({
   app: {
     head: {
       title: "",
+      htmlAttrs: {
+        lang: "zh-Hant",
+      },
+      link: [
+        { rel: "dns-prefetch", href: "https://utfs.io" },
+        { rel: "dns-prefetch", href: "https://s3.yhw.tw" },
+      ],
       meta: [
         { "http-equiv": "X-UA-Compatible", content: "IE=edge" },
         { charset: "utf-8" },
         { name: "viewport", content: "width=device-width, initial-scale=1" },
+
+        {
+          name: "keywords",
+          content:
+            "News Platform, Mini Wikipedia, News Comparison platform, 新聞平台, 米你維基百科, 新聞觀點比對平台",
+        },
+        {
+          name: "og:keywords",
+          content:
+            "News Platform, Mini Wikipedia, News Comparison platform, 新聞平台, 米你維基百科, 新聞觀點比對平台",
+        },
+
+        { name: "author", content: "@hpware on GitHub" },
         { name: "og:author", content: "@hpware on GitHub" },
+
+        {
+          name: "author:email",
+          content: "public+newscompareauthor@yuanhau.com",
+        },
         {
           name: "og:author:email",
           content: "public+newscompareauthor@yuanhau.com",
         },
+
+        { name: "type", content: "website" },
+        { name: "og:type", content: "website" },
+
+        { name: "locale", content: "zh_TW" },
+        { name: "og:locale", content: "zh_TW" },
+
+        { name: "twitter:card", content: "summary_large_image" },
+        { name: "copyright", content: "yh" },
+      ],
+      script: [
+        {
+          src: "https://data.yuanhau.com/script.js",
+          "data-website-id": "19c3756c-c9ac-489d-b9f0-0bb62579ed82",
+          defer: true,
+        },
+      ],
+      noscript: [
+        {
+          innerHTML:
+            "Sorry, but this website requires Javascript to function correctly.",
+          tagPriority: "critical",
+        },
       ],
     },
   },
@@ -48,4 +97,15 @@ export default defineNuxtConfig({
       autoprefixer: {},
     }, // Add your content paths here
   },
+  shadcn: {
+    /**
+     * Prefix for all the imported component
+     */
+    prefix: "",
+    /**
+     * Directory that the component lives in.
+     * @default "./components/ui"
+     */
+    componentDir: "./components/ui",
+  },
 });