Vue.js

This project uses Vue 3 and Vite. App.vue holds the component's template and reactive state, while style.css controls the page styles.

Try it in the browser

The example starts automatically. Change the heading in App.vue, or edit style.css, and watch Vite update the preview. Click the counter to try Vue's reactivity.

Configure Vite

Add Vue's plugin to your project's Vite configuration:

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({ plugins: [vue()] });

Mount the project files with startpod.mount(), install dependencies with startpod.spawn('npm', ['install']), then start Vite with startpod.spawn('npm', ['run', 'dev']).

See Quickstart to connect Startpod to your host application.