[FEAT] Fix vue warn

src/views/BlogOverview.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ref, onMounted } from 'vue';
+  import { ref, onMounted, watch } from 'vue';
   import { useBlog, type BlogPost } from '../composables/useBlog';
   import { useSEO } from '../composables/useSEO';
   import { useStructuredData } from '../composables/useStructuredData';
@@ -9,22 +9,30 @@
   const { addBlogListSchema, addBreadcrumbSchema } = useStructuredData();
   const posts = ref<BlogPost[]>([]);
 
+  // Set SEO meta tags synchronously
+  useSEO({
+    title: 'Blog - Latest Articles on Spritesheet Generation',
+    description: 'Explore our latest articles about sprite sheet generation, game development, pixel art, and sprite animation techniques.',
+    url: '/blog',
+    type: 'website',
+    keywords: 'sprite sheet blog, game development articles, pixel art tutorials, sprite animation'
+  });
+
+  // Add breadcrumb synchronously
+  addBreadcrumbSchema([
+    { name: 'Home', url: '/' },
+    { name: 'Blog', url: '/blog' }
+  ]);
+
   onMounted(async () => {
     posts.value = await getPosts();
+  });
 
-    // Set SEO meta tags
-    useSEO({
-      title: 'Blog - Latest Articles on Spritesheet Generation',
-      description: 'Explore our latest articles about sprite sheet generation, game development, pixel art, and sprite animation techniques.',
-      url: '/blog',
-      type: 'website',
-      keywords: 'sprite sheet blog, game development articles, pixel art tutorials, sprite animation'
-    });
-
-    // Add blog list structured data
-    if (posts.value.length > 0) {
+  // Watch posts and add structured data when available
+  watch(posts, (newPosts) => {
+    if (newPosts.length > 0) {
       addBlogListSchema(
-        posts.value.map(post => ({
+        newPosts.map(post => ({
           title: post.title,
           description: post.description,
           author: post.author || 'nu11ed',
@@ -34,13 +42,7 @@
         }))
       );
     }
-
-    // Add breadcrumb
-    addBreadcrumbSchema([
-      { name: 'Home', url: '/' },
-      { name: 'Blog', url: '/blog' }
-    ]);
-  });
+  }, { immediate: true });
 </script>
 
 <template>