<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';

import AntdConfig from './components/AntdConfig.vue';
</script>

<template>
  <AntdConfig>
    <header>
      <nav>
        <ASpace>
          <RouterLink to="/">Home</RouterLink>
          <RouterLink to="/first-usage">首次使用</RouterLink>
          <RouterLink to="/create-customer">创建客户</RouterLink>
          <RouterLink to="/setup-protocol">配置协议</RouterLink>
          <RouterLink to="/register-gateway">注册网关</RouterLink>
          <RouterLink to="/create-device">创建设备</RouterLink>
        </ASpace>
        <ASteps />
      </nav>
    </header>
    <RouterView />
  </AntdConfig>
</template>

<style lang="scss">
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
}

#app {
  height: 100%;
}
</style>
