[FEAT] Clean code

src/views/BlogDetail.vue

@@ -13,7 +13,6 @@
 
   const slug = computed(() => route.params.slug as string);
 
-  // Reactive SEO data that updates when post loads
   const pageTitle = computed(() => (post.value ? `${post.value.title} - Spritesheet Generator` : 'Blog Post - Spritesheet Generator'));
 
   const pageDescription = computed(() => post.value?.description || 'Read our latest article about spritesheet generation and game development.');
@@ -24,7 +23,6 @@
 
   const keywords = computed(() => post.value?.keywords || 'sprite sheet, game development, blog');
 
-  // Dynamic meta tags using reactive computed values
   useHead({
     title: pageTitle,
     meta: [
@@ -33,7 +31,6 @@
       { name: 'keywords', content: keywords },
       { name: 'robots', content: 'index, follow' },
 
-      // Open Graph
       { property: 'og:type', content: 'article' },
       { property: 'og:url', content: pageUrl },
       { property: 'og:title', content: pageTitle },
@@ -43,7 +40,6 @@
       { property: 'article:author', content: computed(() => post.value?.author || 'streetshadow') },
       { property: 'article:published_time', content: computed(() => post.value?.date || '') },
 
-      // Twitter
       { name: 'twitter:card', content: 'summary_large_image' },
       { name: 'twitter:url', content: pageUrl },
       { name: 'twitter:title', content: pageTitle },
@@ -54,7 +50,6 @@
     script: computed(() => {
       const scripts = [];
 
-      // Breadcrumb schema
       scripts.push({
         type: 'application/ld+json',
         children: JSON.stringify({
@@ -83,7 +78,6 @@
         }),
       });
 
-      // Blog post schema
       if (post.value) {
         scripts.push({
           type: 'application/ld+json',