web

app/web

Project setup

pnpm install

Compiles and hot-reloads for development

pnpm run start

Compiles and minifies for production

pnpm run build

Lint check (no fix)

pnpm run lint

Type check (no fix)

pnpm run build:check

Code formatting check (no fix)

pnpm run fmt:check

Format code (WILL FIX)

pnpm run fmt

Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

IDE Setup Instructions

VSCode (preferred)

• Install ESLint plugin
• Install Prettier plugin

.vscode/settings.json

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "always"
  },
  "eslint.workingDirectories": [{ "mode": "auto" }],
  "eslint.format.enable": true,
  "eslint.lintTask.enable": true,
  "typescript.preferences.preferTypeOnlyAutoImports": false,
  "eslint.run": "onSave",
  "eslint.lintTask.options": "--ext .ts,.js,.cjs,.vue",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // enable tailwind class autocomplete / tooling outside of just "class" in templates
  "tailwindCSS.experimental.classRegex": [
    [
      "tw`([^`]*)" // tw`...`
    ]
  ]
}