it works rn ig?

components/app/windows/news.vue

@@ -34,6 +34,7 @@ const switchTabs = ref(false);
 const tabs = ref([]);
 const primary = ref<string>("top"); // Hard code value fn
 const canNotLoadTabUI = ref(false);
+const isDataCached = ref(false);
 const pullTabsData = async () => {
   try {
     const req = await fetch("/api/tabs");
@@ -60,6 +61,7 @@ const updateContent = async (url: string, tabAction: boolean) => {
     if (data) {
       contentArray.value = [...data.uuidData, ...(data.nuuiddata?.items || [])];
       switchTabs.value = false;
+      isDataCached.value = data.cached || false;
     }
   } catch (e) {
     console.log(e);

components/app/windows/settings.vue

@@ -5,7 +5,7 @@ const { t, locale } = useI18n();
 const user = ref();
 onMounted(async () => {
   const req = await fetch("/api/user/validateUserToken");
-  const res = req.json();
+  const res = await req.json();
   user.value = res;
 });
 
@@ -27,13 +27,16 @@ const submitCustomApiKey = async () => {
       headers: {
         "Content-Type": "application/json",
       },
-      body: JSON.stringify({}),
+      body: JSON.stringify({
+        apiKey: apiKey,
+      }),
     });
     const data = await sendApi.json();
     if (data.error) {
     }
   } catch (e) {}
 };
+
 const checkValidApiKey = () => {
   const apiKey = customApiKey.value;
   if (!apiKey) {
@@ -47,7 +50,7 @@ const checkValidApiKey = () => {
   <div class="justify-center align-center text-center">
     <div class="">Greetings, {{ user }}</div>
     <div class="flex flex-row text-center align-center justify-center">
-      <span class="text-md p-1 text-nowrap ">Your Groq API:&nbsp;</span>
+      <span class="text-md p-1 text-nowrap">Your Groq API:&nbsp;</span>
       <Input
         type="text"
         class="h-6 m-1 py-3 rounded"
@@ -58,9 +61,18 @@ const checkValidApiKey = () => {
         v-on:mouseleave="checkValidApiKey"
       />
       <!--If it is a valid api key or not.-->
-      <BadgeCheckIcon v-if="isCorrect" class="w-8 h-8 p-1/2 mr-1 text-green-700"/>
-      <OctagonAlertIcon v-if="!isCorrect" class="w-8 h-8 p-1/2 mr-1 text-red-700"/>
-      <button class="p-1 text-sm  bg-gray-400/60 rounded" @click="submitCustomApiKey">
+      <BadgeCheckIcon
+        v-if="isCorrect"
+        class="w-8 h-8 p-1/2 mr-1 text-green-700"
+      />
+      <OctagonAlertIcon
+        v-if="!isCorrect"
+        class="w-8 h-8 p-1/2 mr-1 text-red-700"
+      />
+      <button
+        class="p-1 text-sm bg-gray-400/60 rounded"
+        @click="submitCustomApiKey"
+      >
         Submit
       </button>
     </div>

pages/desktop.vue

@@ -269,7 +269,6 @@ const navBarDisplayText = (text: string) => {
   }
   const trimSpaces = text.trim();
   const regex = /.{0,7}/;
-  console.log("asdasda");
   if (trimSpaces.length <= 7) {
     return text;
   }

server/api/publishers/lt/[slug].ts

@@ -28,12 +28,25 @@ export default defineEventHandler(async (event) => {
       html("div.editor div figure img").attr("srcset") ||
       html("div.editor div figure img").attr("src") ||
       "";
+    const bgImage = html("figure.keyVisual img").attr("srcset") || "";
     const articles = [];
-    const otherArticles = html("section.moduleContainer div").html();
-    /*for (const item in otherArticles) {
-        console.log(item);
-        console.log("-");
-    }*/
+    const regexArticleLinks = /[a-zA-Z0-9]{7}/g
+    const otherArticles = <any[]>[];
+    html("a.ltcp-link")
+      .each((i, element) => {
+        const articleLink = html(element).attr("href");
+        const articleTitle = html(element).find("h3.header").text();
+        const date = html(element).find("div._articleCard div.css-wqleh6 span").text();
+        if (articleLink && articleTitle) {
+            const articleSlug = articleLink.matchAll(regexArticleLinks);
+          otherArticles.push({
+            index: i,
+            title: articleTitle,
+            link: articleSlug,
+            date: date,
+          });
+        }
+      });
     return {
       name: newsOrgName,
       description: description,