chore: update readme

README.md

@@ -14,28 +14,35 @@ models:
 short_description: Translator demo App built with Transformers.js + Tamagui
 ---
 
-# Translator demo App built with Transformers.js + Tamagui + Next.js
+
+# Translator App built with Transformers.js + Tamagui + Next.js
 
 ## 🔦 About
 
-This Translator app is a starter for a Transformers.js + Tamagui + Next.js
+This Translator app built with [🤗 Transformers.js](https://github.com/xenova/transformers.js) + [Tamagui](https://tamagui.dev) + [Next.js](https://nextjs.org)
 
 Please check out the demo site 
-[![Open in Spaces](https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-sm-dark.svg)](https://huggingface.co/spaces/huuquyet/translator-tamagui)
-or [Vercel app](https://translator-tamagui.vercel.app/).
+<a href="https://huggingface.co/spaces/huuquyet/translator-tamagui">
+  <picture>
+    <source srcset="https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-sm.svg" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)">
+    <source srcset="https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-sm-dark.svg" media="(prefers-color-scheme: dark)">
+    <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-sm.svg" alt="Open in Spaces">
+  </picture>
+</a>
+ or [Vercel app](https://translator-tamagui.vercel.app/).
 
 ## Included models
 
-- [Xenova/nllb-200-distilled-600M](https://hf.co/Xenova/nllb-200-distilled-600M)
-- [vinai-translate-vi2en-v2](https://hf.co/huuquyet/vinai-translate-vi2en-v2) onnx model converted from [vinai-translate-vi2en-v2](https://hf.co/vinai/vinai-translate-vi2en-v2)
-- [vinai-translate-en2vi-v2](https://hf.co/huuquyet/vinai-translate-en2vi-v2) onnx model converted from [vinai-translate-en2vi-v2](https://hf.co/vinai/vinai-translate-en2vi-v2)
-- [envit5-translation](https://hf.co/huuquyet/envit5-translation) onnx model converted from [envit5-translation](https://hf.co/VietAI/envit5-translation)
+- [NLLB200 distilled 600M](https://hf.co/facebook/nllb-200-distilled-600M) converted to [ONNX model](https://hf.co/Xenova/nllb-200-distilled-600M)
+- [VinAI translate En2Vi v2](https://hf.co/vinai/vinai-translate-en2vi-v2) converted to [ONNX model](https://hf.co/huuquyet/vinai-translate-en2vi-v2)
+- [VinAI translate Vi2En v2](https://hf.co/vinai/vinai-translate-vi2en-v2) converted to [ONNX model](https://hf.co/huuquyet/vinai-translate-vi2en-v2)
+- [VietAI EnVi t5-translation](https://hf.co/VietAI/envit5-translation) converted to [ONNX model](https://hf.co/huuquyet/envit5-translation)
 
 ## 📦 Included packages
 
-- Transformers.js
-- Tamagui 🪄
-- Next.js
+- [🤗 Transformers.js](https://github.com/xenova/transformers.js)
+- [Tamagui 🪄](https://tamagui.dev)
+- [Next.js](https://nextjs.org)
 
 ## 🗂 Folder layout
 
@@ -45,21 +52,21 @@ The main apps are:
 
 ## 🏁 Start the app
 
-1. Clone the repo and install dependencies:
+1. Clone the repo and install dependencies with [bun](https://bun.sh):
 
-    ```bash
-    git clone https://github.com/huuquyet/translator-tamagui.git
-    cd translator-tamagui
-    yarn install
-    ```
+  ```bash
+  git clone https://github.com/huuquyet/translator-tamagui.git
+  cd translator-tamagui
+  bun install
+  ```
 
 2. Run the development server:
 
-    ```bash
-    yarn dev
-    ```
-    > Firefox users need to change the `dom.workers.modules.enabled` setting in `about:config` to `true` to enable Web Workers.
-    > Check out [this issue](https://github.com/xenova/whisper-web/issues/8) for more details.
+  ```bash
+  bun dev
+  ```
+  > Firefox users need to change the `dom.workers.modules.enabled` setting in `about:config` to `true` to enable Web Workers.
+  > Check out [this issue](https://github.com/xenova/whisper-web/issues/8) for more details.
 
 3. Open the link (e.g., [http://localhost:3000/](http://localhost:3000/)) in your browser.
 
@@ -70,7 +77,7 @@ The main apps are:
 If you're installing a JavaScript-only dependency that will be used across platforms, install it :
 
 ```sh
-yarn add zustand
+bun add zustand
 ```
 
 ## Update new dependencies
@@ -78,16 +85,16 @@ yarn add zustand
 ### Pure JS dependencies
 
 ```sh
-yarn upgrade-interactive
+bun update --latest
 ```
 
 You may potentially want to have the native module transpiled for the next app. If you get error messages with `Cannot use import statement outside a module`, you may need to use `transpilePackages` in your `next.config.js` and add the module to the array there.
 
 ## Deploying to Vercel
 
-- Install vercel cli (if not): `npm i -g vercel`
-- Login to vercel: `vercel login`
-- Build command to be `vercel build` (add `--prod` if wanna build production version)
+- Install vercel cli (optional): `npm i -g vercel`
+- Login to vercel: `bunx vercel login`
+- Build command to be `bunx vercel build` (add `--prod` if wanna build production version)
 - Build command: leave default setting
 - Output dir: leave default setting
-- Deploy to vercel: `vercel --prebuilt` (add `--prod` if wanna deploy to production)
+- Deploy to vercel: `bunx vercel --prebuilt` (add `--prod` if wanna deploy to production)