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.
You have two options to get started:
1. **Use Git Provider in Your Application**:
- 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/).
## 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).

View File

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