add news

Author: cagataycivici

apps/showcase/assets/data/news.json

@@ -1,7 +1,6 @@
 {
-    "id": 86,
-    "content": "PrimeBlocks with Tailwind v4 is now live!🚀",
+    "id": 90,
+    "content": "Introducing CI Pipeline for Figma to Theme Code ⭐️",
     "linkText": "Learn More",
-    "linkHref": "https://primeblocks.org",
-    "target": "_blank"
+    "to": "/designer/ci"
 }

apps/showcase/components/layout/AppNews.vue

@@ -4,7 +4,8 @@
             <i></i>
             <div class="layout-news-content">
                 <span class="layout-news-text" :style="$appState.announcement.textStyle">{{ $appState.announcement.content }}</span>
-                <a class="layout-news-link" :href="$appState.announcement.linkHref" :target="$appState.announcement.target" rel="noopener noreferrer">{{ $appState.announcement.linkText }}</a>
+                <a v-if="$appState.announcement.linkHref" class="layout-news-link" :href="$appState.announcement.linkHref" :target="$appState.announcement.target" rel="noopener noreferrer">{{ $appState.announcement.linkText }}</a>
+                <NuxtLink v-if="$appState.announcement.to" :to="$appState.announcement.to" class="layout-news-link">{{ $appState.announcement.linkText }}</NuxtLink>
             </div>
             <a class="layout-news-close" :style="$appState.announcement.textStyle" @click="onClose">
                 <span class="pi pi-times"></span>