implement ssg config for blog posts in project ,

app/layouts/default.vue

@@ -1,23 +1,25 @@
 <template>
   <div class="layout-default">
-    <!-- Default layout wrapper -->
+    <TopNav client:only />
     <slot />
+    <FooterCopyright />
   </div>
 </template>
 
 <script setup lang="ts">
+import TopNav from '@/components/common/TopNav.vue'
+import FooterCopyright from '@/components/common/FooterCopyright.vue'
+
 /**
  * Default Layout
  * 
- * This is a minimal example layout demonstrating Nuxt's layout system.
- * To use this layout in a page, add: definePageMeta({ layout: 'default' })
- * 
- * Learn more: https://nuxt.com/docs/guide/directory-structure/layouts
+ * Main layout for the application including TopNav and Footer.
+ * This layout is used by default for all pages unless specified otherwise.
  */
 </script>
 
 <style scoped>
 .layout-default {
-  /* Add default layout styles here */
+  /* Layout wrapper */
 }
 </style>