# 2021.06.10 今天是每日时报陪伴您的第 572 天
[视频] 我把自行车做成了 自 动 驾 驶 ！！：https://www.bilibili.com/video/BV1fV411x72a (opens new window)，代码地址：https://github.com/peng-zhihui/XUAN-Bike (opens new window)
[工具] snowpack 的脚手架 astro 支持，多种语言在一个 Single File Components！！:https://github.com/snowpackjs/astro (opens new window)
https://github.com/snowpackjs/astro/blob/main/examples/kitchen-sink/src/pages/index.astro
---
import { A, B as Renamed } from '../components';
import * as react from '../components/ReactCounter.jsx';
import { PreactCounter } from '../components/PreactCounter.tsx';
import VueCounter from '../components/VueCounter.vue';
import SvelteCounter from '../components/SvelteCounter.svelte';
---
<html>
<head> </head>
<body>
<main>
<react.Counter:visible>
<h1>Hello React!</h1>
<p>What's up?</p>
</react.Counter:visible>
<PreactCounter:visible>
<h1>Hello Preact!</h1>
</PreactCounter:visible>
<VueCounter:visible>
<h1>Hello Vue!</h1>
</VueCounter:visible>
<SvelteCounter:visible>
<h1>Hello Svelte!</h1>
</SvelteCounter:visible>
<A />
<Renamed />
</main>
</body>
</html>