<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'
import useProductStore from '@/store/modules/product'
import { getToken } from '@/utils/auth'
import { useDark } from '@vueuse/core'

const isDark = useDark()

onMounted(() => {
  nextTick(() => {
    console.log(isDark.value)
    if (isDark.value) {
      useSettingsStore().toggleTheme()
    }
    handleThemeStyle(useSettingsStore().theme)
    if (getToken()) {
      useProductStore().fetchProductMap()
    }
  })
})
</script>

<style>
/* @import "tailwindcss"; */
</style>
