feat: update i18n configuration, enhance news organization page layout, and add logo URL

i18n/locales/i18n.config.ts

@@ -0,0 +1,4 @@
+export default defineI18nConfig(() => ({
+    legacy: false,
+    locale: 'en',
+  }))

nuxt.config.ts

@@ -9,6 +9,7 @@ export default defineNuxtConfig({
   modules: ['@nuxt/image', '@nuxtjs/robots', '@nuxtjs/seo', '@nuxtjs/i18n', "@nuxtjs/tailwindcss"],
   i18n: {
     defaultLocale: 'en',
+    vueI18n: './i18n.config.ts',
     locales: [
       { code: 'en', name: 'English', file: 'en.json' },
       { code: 'zh_tw', name: 'Chinese Tradional', file: 'zh-tw.json' },

pages/newsOrgAbout/[slug].vue

@@ -30,22 +30,19 @@ useSeoMeta({
 import { GlobeAltIcon } from "@heroicons/vue/24/outline";
 </script>
 <template>
+  <div>
     <div class="text-center align-center justify-center">
-        <h1>{{ fetchNewsOrgInfo?.title }}</h1>
+      <div class="flex flex-row bg-[#AAACAAFF] rounded-3xl p-3 gap-3 m-3">
-        <h2>{{ fetchNewsOrgInfo?.description }}</h2>
+        <NuxtImg :src="fetchNewsOrgInfo?.logoUrl" class="w-48 h-48 rounded-[10px]"/>
+        <div class="flex flex-col gap-3 text-left">
+          <h1 class="text-4xl font-bold m-3 text-left">{{ fetchNewsOrgInfo?.title }}</h1>
+          <span class="text-ms m-1 mt-5 text-left text-wrap">{{ fetchNewsOrgInfo?.description }}</span>
+        </div>
+      </div>
+
         <div class="gap-[3px] flex flex-row text-center align-center justify-center">
-          <a :href="fetchNewsOrgInfo?.website" target="_blank" class="text-blue-900 hover:text-blue-800 transiton-all duration-100 flex flex-row"><GlobeAltIcon class="w-6 h-6" />網站</a>
+          <a :href="fetchNewsOrgInfo?.website" target="_blank" class="text-blue-200 hover:text-blue-300 transiton-all duration-100 flex flex-row"><GlobeAltIcon class="w-6 h-6" />網站</a>
         </div> 
     </div>
-    <!--<div v-if="loading">
+    </div>
-        <div class="fixed top-0 left-0 right-0 bottom-0 w-full h-screen flex flex-col justify-center items-center bg-[#DEDEDE73]">
-            <div class="text-center">
-                <svg class="animate-spin h-10 w-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                </svg>
-            </div>
-            <span class="text-m .animate__animated .animate__fadeOut">{{ t("loading") }}</span>
-         </div>
-    </div>-->
 </template>

server/api/getData/fetchNewsOrgInfo.ts

@@ -5,8 +5,9 @@ export default defineEventHandler(async(event) => {
             title: "News Org 1",
             slug: "taisounds",
             website: "https://www.taisounds.com.tw",
-            description: "",
+            description: "wah wah wah wah wah wah I dont fucking care",
             facebook: "https://www.facebook.com/taisounds",
+            logoUrl: "https://cdn.discordapp.com/avatars/918723093646684180/4eecc27ac05ee8a701fa167808610c7a.jpg",
         }
 })