Small fixes (#141)

* fix: save task as Json rather than string

* fix: pull objects before creating game in database

* fix: strips relative dirs from version information

* fix: #132

* fix: lint

* fix: news object ids and small tweaks

* fix: notification styling errors

* fix: lint

pages/news/[id]/index.vue

@@ -1,12 +1,16 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <div>
-    <div v-if="article" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div v-if="article" class="px-4 sm:px-6 lg:px-8">
       <!-- Banner header with blurred background -->
       <div class="relative w-full h-[300px] mb-8 rounded-lg overflow-hidden">
-        <div v-if="article.imageObjectId" class="absolute inset-0">
+        <div class="absolute inset-0">
           <img
-            :src="useObject(article.imageObjectId)"
+            :src="
+              article.imageObjectId
+                ? useObject(article.imageObjectId)
+                : '/wallpapers/news-placeholder.jpg'
+            "
             alt=""
             class="w-full h-full object-cover blur-sm scale-110"
           />
@@ -14,12 +18,6 @@
             class="absolute inset-0 bg-gradient-to-b from-transparent to-zinc-950"
           />
         </div>
-        <div v-else>
-          <!-- Fallback gradient background when no image -->
-          <div
-            class="absolute inset-0 bg-gradient-to-b from-zinc-800 to-zinc-900"
-          />
-        </div>
 
         <div class="relative h-full flex flex-col justify-end p-8">
           <div class="flex items-center gap-x-3 mb-6">
@@ -73,7 +71,7 @@
 
       <!-- Article content - markdown -->
       <div
-        class="mx-auto prose prose-invert prose-lg"
+        class="mx-auto prose prose-blue prose-invert prose-lg"
         v-html="renderedContent"
       />
     </div>