feat: finish vuejs example

This commit is contained in:
Mauricio Siu 2024-06-30 19:21:50 -06:00
parent ab70fabc17
commit 02e2cfd645
3 changed files with 19 additions and 30 deletions

View File

@ -1,9 +1,7 @@
# Dokploy Example # Nextjs Example
This repository contains an example of nextjs application that is deployed on Dokploy. 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**: 1. **Use Git Provider in Your Application**:
- Repository: `https://github.com/Dokploy/examples.git` - Repository: `https://github.com/Dokploy/examples.git`

View File

@ -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/). If you need further assistance, join our [Discord server](https://discord.com/invite/2tBnJ3jDJc).
## Project Setup
```sh
pnpm install
```
### Compile and Hot-Reload for Development
```sh
pnpm dev
```
### Type-Check, Compile and Minify for Production
```sh
pnpm build
```

View File

@ -16,4 +16,8 @@ export default defineConfig({
port: 3000, port: 3000,
host: true, host: true,
}, },
preview: {
port: 3000,
host: true,
},
}); });