Landing Page

src/App.vue

@@ -1,3 +1,27 @@
 <template>
-  <h1>Vue Bits</h1>
+  <div>
+    <DisplayHeader 
+      v-if="!isCategoryPage" 
+      :activeItem="activeItem" 
+    />
+    
+    <router-view />
+  </div>
 </template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import DisplayHeader from '@/components/landing/DisplayHeader/DisplayHeader.vue'
+
+const route = useRoute()
+
+const activeItem = computed(() => {
+  if (route.path === '/') return 'home'
+  return null
+})
+
+const isCategoryPage = computed(() => {
+  return /^\/[^/]+\/[^/]+$/.test(route.path)
+})
+</script>