-
15 |
- 31 | {{ searchResult.place_name }} 32 | 33 | 34 |
16 | Sorry, something went wrong, please try again. 17 |
18 |22 | No results match your query, try a different term. 23 |
24 | 25 |├── .gitignore ├── .vscode └── extensions.json ├── README.md ├── index.html ├── package-lock.json ├── package.json ├── postcss.config.js ├── public └── favicon.ico ├── src ├── App.vue ├── assets │ └── tailwind.css ├── components │ ├── AnimatedPlaceholder.vue │ ├── AsyncCityView.vue │ ├── BaseModal.vue │ ├── CityCard.vue │ ├── CityCardSkeleton.vue │ ├── CityList.vue │ ├── CityViewSkeleton.vue │ └── SiteNavigation.vue ├── main.js ├── router │ └── index.js └── views │ ├── CityView.vue │ └── HomeView.vue ├── tailwind.config.js └── vite.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-project 2 | 3 | This template should help get you started developing with Vue 3 in Vite. 4 | 5 | ## Recommended IDE Setup 6 | 7 | [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). 8 | 9 | ## Customize configuration 10 | 11 | See [Vite Configuration Reference](https://vitejs.dev/config/). 12 | 13 | ## Project Setup 14 | 15 | ```sh 16 | npm install 17 | ``` 18 | 19 | ### Compile and Hot-Reload for Development 20 | 21 | ```sh 22 | npm run dev 23 | ``` 24 | 25 | ### Compile and Minify for Production 26 | 27 | ```sh 28 | npm run build 29 | ``` 30 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 10 | 14 | 21 |9 | You are currently previewing this city, click the "+" 10 | icon to start tracking this city. 11 |
12 |17 | {{ 18 | new Date(weatherData.currentTime).toLocaleDateString( 19 | "en-us", 20 | { 21 | weekday: "short", 22 | day: "2-digit", 23 | month: "long", 24 | } 25 | ) 26 | }} 27 | {{ 28 | new Date(weatherData.currentTime).toLocaleTimeString( 29 | "en-us", 30 | { 31 | timeStyle: "short", 32 | } 33 | ) 34 | }} 35 |
36 |37 | {{ Math.round(weatherData.current.temp) }}° 38 |
39 |40 | Feels like 41 | {{ Math.round(weatherData.current.feels_like) }} ° 42 |
43 |44 | {{ weatherData.current.weather[0].description }} 45 |
46 |68 | {{ 69 | new Date( 70 | hourData.currentTime 71 | ).toLocaleTimeString("en-us", { 72 | hour: "numeric", 73 | }) 74 | }} 75 |
76 |84 | {{ Math.round(hourData.temp) }}° 85 |
86 |103 | {{ 104 | new Date(day.dt * 1000).toLocaleDateString( 105 | "en-us", 106 | { 107 | weekday: "long", 108 | } 109 | ) 110 | }} 111 |
112 |H: {{ Math.round(day.temp.max) }}
121 |L: {{ Math.round(day.temp.min) }}
122 |Remove City
133 |12 | {{ Math.round(city.weather.main.temp) }}° 13 |
14 |7 | No locations added. To start tracking a location, search in 8 | the field above. 9 |
10 | 11 | 12 | 56 | -------------------------------------------------------------------------------- /src/components/CityViewSkeleton.vue: -------------------------------------------------------------------------------- 1 | 2 |16 | Sorry, something went wrong, please try again. 17 |
18 |22 | No results match your query, try a different term. 23 |
24 | 25 |