From 02e2cfd645d07aebaad0813a4ce0b5aa382bcb26 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sun, 30 Jun 2024 19:21:50 -0600
Subject: [PATCH] feat: finish vuejs example

---
 nextjs-simple/README.md     |  4 +---
 vuejs-simple/README.md      | 41 +++++++++++++------------------------
 vuejs-simple/vite.config.ts |  4 ++++
 3 files changed, 19 insertions(+), 30 deletions(-)

diff --git a/nextjs-simple/README.md b/nextjs-simple/README.md
index f31a918..856c516 100644
--- a/nextjs-simple/README.md
+++ b/nextjs-simple/README.md
@@ -1,9 +1,7 @@
-# Dokploy Example
+# Nextjs Example
 
 This repository contains an example of nextjs application that is deployed on Dokploy.
 
-You have two options to get started:
-
 
 1. **Use Git Provider in Your Application**:
    - Repository: `https://github.com/Dokploy/examples.git`
diff --git a/vuejs-simple/README.md b/vuejs-simple/README.md
index c0c4205..11c54a5 100644
--- a/vuejs-simple/README.md
+++ b/vuejs-simple/README.md
@@ -1,33 +1,20 @@
-# vuejs-simple
+# Vuejs Example
 
-This template should help get you started developing with Vue 3 in Vite.
+This repository contains an example of vuejs application that is deployed on Dokploy.
 
-## Recommended IDE Setup
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+1. **Use Git Provider in Your Application**:
+   - Repository: `https://github.com/Dokploy/examples.git`
+   - Branch: `main`
+   - Build path: `/vuejs-simple`
 
-## Type Support for `.vue` Imports in TS
+4. **Click on Deploy**:
+   - Deploy your application by clicking the deploy button.
 
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+5. **Generate a Domain**:
+    - Click on generate domain button.
+    - A new domain will be generated for you.
+    - You can use this domain to access your application.
 
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-pnpm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-pnpm dev
-```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-pnpm build
-```
+    
+If you need further assistance, join our [Discord server](https://discord.com/invite/2tBnJ3jDJc).
diff --git a/vuejs-simple/vite.config.ts b/vuejs-simple/vite.config.ts
index b5f00f2..3dce309 100644
--- a/vuejs-simple/vite.config.ts
+++ b/vuejs-simple/vite.config.ts
@@ -16,4 +16,8 @@ export default defineConfig({
 		port: 3000,
 		host: true,
 	},
+	preview: {
+		port: 3000,
+		host: true,
+	},
 });