hat

frontend/app/pages/blog/[slug].vue

@@ -1,6 +1,6 @@
 <script setup>
 import FixedLayout from '~/components/layouts/FixedLayout.vue';
-import PageHeader from '~/components/parts/PageHeader.vue';
+import TableHeader from '~/components/parts/TableHeader.vue';
 
 const slug = useRoute().params.slug;
 const { locale } = useI18n();
@@ -12,7 +12,9 @@ const { data: post } = await useAsyncData(`blog-${slug}`, () =>
 
 <template>
   <!-- Render the blog post as Prose & Vue components -->
-  <PageHeader></PageHeader>
+  <div class="no-sprite">
+      <TableHeader></TableHeader>
+    </div>
   <FixedLayout>
     <Container>
       <ContentRenderer v-if="post" :value="post" class="blog" />
@@ -36,4 +38,10 @@ const { data: post } = await useAsyncData(`blog-${slug}`, () =>
         max-height: 400px;
     }
 }
+</style>
+
+<style lang="scss">
+.no-sprite .undertable-wrapper {
+  display: none;
+}
 </style>

frontend/app/pages/blog/index.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import MinimalHeader from '~/components/parts/MinimalHeader.vue';
-import { useAsyncData } from '#app';
+import TableHeader from '~/components/parts/TableHeader.vue';
 import FixedLayout from '~/components/layouts/FixedLayout.vue';
 import { ref, computed } from 'vue';
 const { locale } = useI18n();
@@ -26,7 +25,9 @@ const displayedPosts = computed(() => {
 </script>
 
 <template>
-    <MinimalHeader></MinimalHeader>
+    <div class="no-sprite">
+      <TableHeader></TableHeader>
+    </div>
     <FixedLayout>
       <Container>
         <section class="blog-section">
@@ -165,3 +166,9 @@ const displayedPosts = computed(() => {
   }
 }
 </style>
+
+<style lang="scss">
+.no-sprite .undertable-wrapper {
+  display: none;
+}
+</style>