[FEAT] Fix vue warn

src/views/AboutUs.vue

@@ -1,24 +1,22 @@
 <script setup lang="ts">
-  import { onMounted } from 'vue';
   import { useSEO } from '../composables/useSEO';
   import { useStructuredData } from '../composables/useStructuredData';
 
   const { addBreadcrumbSchema } = useStructuredData();
 
-  onMounted(() => {
-    useSEO({
-      title: 'About Us - Our Mission & Story',
-      description: 'Learn about Spritesheet Generator, a free tool designed to help game developers and artists streamline their workflow with optimized spritesheet creation.',
-      url: '/about',
-      type: 'website',
-      keywords: 'about spritesheet generator, game development tools, open source sprite editor'
-    });
-
-    addBreadcrumbSchema([
-      { name: 'Home', url: '/' },
-      { name: 'About Us', url: '/about' }
-    ]);
+  // Set SEO synchronously
+  useSEO({
+    title: 'About Us - Our Mission & Story',
+    description: 'Learn about Spritesheet Generator, a free tool designed to help game developers and artists streamline their workflow with optimized spritesheet creation.',
+    url: '/about',
+    type: 'website',
+    keywords: 'about spritesheet generator, game development tools, open source sprite editor'
   });
+
+  addBreadcrumbSchema([
+    { name: 'Home', url: '/' },
+    { name: 'About Us', url: '/about' }
+  ]);
 </script>
 
 <template>