Update

import RealtimeMap from './components/RealtimeMap.vue'

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

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

// import AdsenseUnit from './components/adsense-inline-article.vue'

import CanteenTraffic from './components/CanteenTraffic.vue'

export default defineClientConfig({

  enhance({ app }) {

    app.component("RealtimeMap", RealtimeMap)

    app.component("WeatherSpan", WeatherSpan)

    app.component("BusChartVue", BusChartVue)

    // app.component("AdsenseUnit", AdsenseUnit)

    add.component("CanteenTraffic", CanteenTraffic)

  },

})

<template>

  <div id="weather-container">

    <span id="weather">{{ text }}</span>

  </div>

</template>

<script>

import axios from 'axios';

export default {

  name: "CanteenTraffic",

  data: () => ({

    text: ""

  }),

  mounted() {

    this.load_weather();

  },

  methods: {

    load_weather() {

      axios.get("https://api.sustech.online/weather")

          .then((res) => {

            this.text = res.data.msg;

          })

    },

  },

};

</script>

    <li><a href="http://live.cra.moe/">校园风景直播</a></li>

    </ul>

    </th>

    <th class="tg-0lax">

    <h3><a href="./susteen/">饭堂<svg aria-hidden="true" x="0px" y="0px" width="15" height="15" class="icon outbound"><use href="#link-icon" /></svg></a></h3>

    </th>

  </tr>

</thead>

</table>

# ☕️饭堂服务

## 食堂实时排队人数

<ClientOnly>

  <CanteenTraffic></CanteenTraffic>

</ClientOnly>

 No newline at end of file