<aside> 👉🏻 本篇筆記紀錄三個學習目標：

1. 串接api
2. 上手tailwind css
3. 使用vue 3 cli 開發專案，並上手Option API, Composition API, Script Setup的轉換

</aside>

GitHub - ChenSingYo/covid-tracker-app: Covid-19 Tracker（vue 3 cli + tailwind）

github裡面有三支branch可以比較程式碼風格，依序是master、composition api、script-setup

參考影片：

Build a Covid Tracker App With Vue.js & Tailwind

一、 安裝與設定vue cli 和 tailwind css

於終端機執行指令

vue create vue-covid-tracker

本次專案設定

將tailwind作為插件安裝到vue專案：

vue add tailwind config檔選擇minimal版本

in tailwind.config.js