From 5c1cb5c4a463db2474d5b5ed1c7a8052adbbcf3d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 23:19:16 +0000
Subject: [PATCH 1/2] Initial plan


From bba409179bd832258653c2e4f20df53c145a8bfd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 23:22:06 +0000
Subject: [PATCH 2/2] Rename NewsItem.vue to TrendingResourceItem.vue and
 update all references

Co-authored-by: AllanKoder <74692833+AllanKoder@users.noreply.github.com>
---
 resources/js/Components/News/NewsDialog.vue                   | 4 ++--
 resources/js/Components/News/NewsSection.vue                  | 4 ++--
 .../js/Components/{NewsItem.vue => TrendingResourceItem.vue}  | 0
 3 files changed, 4 insertions(+), 4 deletions(-)
 rename resources/js/Components/{NewsItem.vue => TrendingResourceItem.vue} (100%)

diff --git a/resources/js/Components/News/NewsDialog.vue b/resources/js/Components/News/NewsDialog.vue
index 05549af..371bf68 100644
--- a/resources/js/Components/News/NewsDialog.vue
+++ b/resources/js/Components/News/NewsDialog.vue
@@ -1,6 +1,6 @@
 <script setup>
 import DialogModal from '@/Components/DialogModal.vue';
-import NewsItem from "@/Components/NewsItem.vue";
+import TrendingResourceItem from "@/Components/TrendingResourceItem.vue";
 import { Icon } from "@iconify/vue";
 
 defineProps({
@@ -29,7 +29,7 @@ defineEmits(['close']);
         <template #content>
             <div class="divide-y divide-secondary dark:divide-gray-700 -mx-6">
                 <div class="space-y-0 max-h-[60vh] overflow-y-auto">
-                    <NewsItem
+                    <TrendingResourceItem
                         v-for="(resource, index) in resourceItems"
                         :key="index"
                         :resource="resource"
diff --git a/resources/js/Components/News/NewsSection.vue b/resources/js/Components/News/NewsSection.vue
index 4f2195f..aad3bd8 100644
--- a/resources/js/Components/News/NewsSection.vue
+++ b/resources/js/Components/News/NewsSection.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from "vue";
-import NewsItem from "@/Components/NewsItem.vue";
+import TrendingResourceItem from "@/Components/TrendingResourceItem.vue";
 import NewsDialog from "@/Components/News/NewsDialog.vue";
 import { Icon } from "@iconify/vue";
 import EmptyState from "../EmptyState.vue";
@@ -30,7 +30,7 @@ const showNewsDialog = ref(false);
             <h2 class="font-bold text-primary dark:text-white">Trending Resources</h2>
         </div>
         <div class="space-y-4" v-if="hotResources.length > 0">
-            <NewsItem
+            <TrendingResourceItem
                 v-for="(resource, index) in hotResources"
                 :key="index"
                 :resource="resource"
diff --git a/resources/js/Components/NewsItem.vue b/resources/js/Components/TrendingResourceItem.vue
similarity index 100%
rename from resources/js/Components/NewsItem.vue
rename to resources/js/Components/TrendingResourceItem.vue