add tab view

import { defineClientConfig } from '@vuepress/client'

import BusTable from "./components/BusTable.vue";

import TabView from "./components/TabView.vue";

import Realtimemap from './components/Realtime-map.vue'

import WeatherSpan from './components/weather-span.vue'

import BusChartVue from './components/BusChartVue.vue'

export default defineClientConfig({

  enhance({ app }) {

    app.component("BusTable", BusTable)

    app.component("TabView", TabView)

    app.component("Realtimemap", Realtimemap)

    app.component("WeatherSpan", WeatherSpan)

    app.component("BusChartVue", BusChartVue)

<template>

  <div>

    <a-tabs type="card" size="large">

      <a-tab-pane key="tab1" tab="车辆位置 Bus Realtime Loaction">

        位置每5秒自动刷新。Location refreshes automatically every 5 seconds

        <Realtimemap/>

        <BusChartVue/>

      </a-tab-pane>

      <a-tab-pane key="tab2" tab="时间表 Timetable">

        <BusTable></BusTable>

      </a-tab-pane>

    </a-tabs>

  </div>

</template>

<script>

import { Tabs } from 'ant-design-vue';

export default {

  name: 'TabView',

  components: {

    ATabs: Tabs,

    ATabPane: Tabs.TabPane,

  }

};

</script>

<style>

@import 'ant-design-vue/es/tabs/style';

</style>

## 时间表 Timetable

<BusTable></BusTable>

<TabView></TabView>

    "@vuepress/plugin-pwa-popup": "2.0.0-beta.62",

    "@vuepress/plugin-register-components": "2.0.0-beta.62",

    "@vuepress/plugin-toc": "2.0.0-beta.62",

    "ant-design-vue": "^3.2.20",

    "vue-echarts": "^6.2.3",

    "vuepress": "2.0.0-beta.62",

    "vuepress-plugin-sitemap2": "^2.0.0-beta.99"