chore: update readme

README.md

@@ -1,14 +1,21 @@
 <p align="center">
-<img src="https://user-images.githubusercontent.com/11247099/140190314-14c4e434-9608-4f4b-b378-4403b13dcc18.png" width="500"/>
+<img src="https://user-images.githubusercontent.com/11247099/140462375-7b7ac4db-35b7-453c-8a05-13d8d20282c4.png" width="600"/>
 </p>
 
-<p align="center">
+<h2 align="center">
 <a href="https://github.com/antfu/vitesse">Vitesse</a> for Nuxt 3
-</p><br>
+</h2><br>
 
-> 🧪 Working in Progress
+<pre align="center">
+🧪 Working in Progress
+</pre>
 
-[Nuxt 2 version](https://github.com/antfu/vitesse-nuxt-bridge)
+<p align="center">
+<br>
+<a href="https://vitesse-nuxt3.netlify.app/">🖥 Online Preview</a>
+<br><br>
+<a href="https://sli.dev/new"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>
+</p>
 
 ## Features
 
@@ -16,13 +23,15 @@
 
 - ⚡️ Vite - Instant HMR
 
-- 🎨 [UnoCSS](https://github.com/antfu/unocss) -  The instant on-demand atomic CSS engine.
+- 🎨 [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
 
 - 😃 Use icons from any icon sets in Pure CSS, powered by [UnoCSS](https://github.com/antfu/unocss)
 
-- 🔥 Use the new `<script setup>` syntax in Vue 2
+- 🔥 The `<script setup>` syntax
 
-- 📥 APIs auto importing - use Composition API and others directly
+- 📥 APIs auto importing - for Composition API and VueUse
+
+- 🏎 Zero-config cloud functions and deploy
 
 - 🦾 TypeScript, of course
 
@@ -30,9 +39,9 @@
 
 ### Nuxt Modules
 
-- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs
+- [VueUse](https://github.com/vueuse/vueuse) - collection of useful composition APIs
 - [UnoCSS](https://github.com/antfu/unocss) - on-demand atomic CSS engine - powers pure CSS Icons!
 
-## IDE Integration
+## IDE
 
 We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https://github.com/johnsoncodehk/volar) to get the best experience (You might want to disable Vetur if you have it).