<template>
  <RouterView />

  <DarkSwitch />
  <div class="wrapper">
    <ElButton @click="() => themeConfigStore.elConfig.size = 'small'">哈哈哈</ElButton>
    <ElButton @click="() => themeConfigStore.elConfig.size = 'default'">哈哈哈</ElButton>
    <ElButton @click="() => themeConfigStore.elConfig.size = 'large'">哈哈哈</ElButton>
    <nav>
      <!-- <RouterLink to="/">Home</RouterLink> -->
      <!-- <RouterLink to="/about">About</RouterLink> -->
    </nav>
  </div>
</template>

<script setup lang="ts">
import DarkSwitch from '@/components/DarkSwitch/DarkSwitch.vue';
import { useThemeConfigStore } from '@/stores/themeConfig';
import { ElButton } from 'element-plus';
import { RouterLink, RouterView } from 'vue-router'

const themeConfigStore = useThemeConfigStore()
</script>
