<script setup>
import { useHead } from '@unhead/vue'

import { useAppConfig } from '@/composables/useAppConfig'
const appConfig = useAppConfig()

useHead({
  title: appConfig.title,
  link: [
    {
      rel: 'icon',
      key: 'favicon',
      href: appConfig.favicon || '/favicon.ico'
    }
  ]
})

const className = computed(() => {
  return `system-${appConfig.system || 'default'}`
})
</script>

<template>
  <RouterView :class="className" />
</template>

<style>
@import '@/assets/styles/base.css';
</style>
