<template>
  <el-header
    class="layout-header"
    :class="{ 'layout-header-tagsview': isTagsview }"
  >
    <HeaderNavbars />
  </el-header>
</template>

<script lang="ts">
import { defineComponent, computed } from "vue";
import HeaderNavbars from "../header-navbars/index.vue";
import { useStore } from "@/hooks/useStore";

export default defineComponent({
  name: "Header",

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

    return {
      isTagsview,
    };
  },

  components: {
    HeaderNavbars,
  },
});
</script>

<style lang="scss" scoped>
.layout-header,
.layout-header-tagsview {
  width: 100%;
  height: 90px;
}
</style>
