<template>
    <div class="container">
        <!-- <sidebar v-if="!sidebar.hide" class="sidebar-container" /> -->
        <div>
            <div :class="{ 'fixed-header': fixedHeader }">
                <tags-view v-if="needTagsView" />
            </div>
            <app-main />
            <!-- <settings ref="settingRef" /> -->
        </div>
    </div>
</template>

<script setup>
// import Sidebar from './components/Sidebar/index.vue'
import { AppMain, TagsView } from './components'

import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings'

const settingsStore = useSettingsStore()
const sidebar = computed(() => useAppStore().sidebar);
const needTagsView = computed(() => settingsStore.tagsView);
const fixedHeader = computed(() => settingsStore.fixedHeader);
</script>

<style lang="scss" scoped>

</style>
