<template>
  <BreadcrumbIndex />
  <TagsView v-if="isTagsview" />
</template>

<script lang="ts">
import { defineComponent, computed } from "vue";
import BreadcrumbIndex from "./breadcrumb-index/index.vue";
import TagsView from "./tags-view/index.vue";
import store from "@/hooks/useStore";

export default defineComponent({
  name: "HeaderNavbars",

  setup() {
    const isTagsview = computed(() => {
      return store.state.themeConfig.isTagsview;
    });

    return {
      isTagsview,
    };
  },

  components: {
    BreadcrumbIndex,
    TagsView,
  },
});
</script>
