# skt-vuetify-templates

Scaffolded with Vuetify CLI.

## ❗️ Documentation

- Primary docs: https://vuetifyjs.com/
- Getting started guide: https://vuetifyjs.com/en/getting-started/installation/
- Community support: https://community.vuetifyjs.com/
- Issue tracker: https://issues.vuetifyjs.com/

## 🧱 Stack

- Framework: Vue 3 + Vite
- UI Library: Vuetify
- Language: TypeScript
- Package manager: pnpm

## 🧭 Start Here

- Main entry: `src/main.ts`
- Main app component: `src/App.vue`
- Main styles: `src/styles/`
- Plugin setup: `src/plugins/`

## 📁 Project Structure

- `src/main.ts` — application entry point
- `src/App.vue` — root component
- `src/components/` — reusable Vue components
- `src/plugins/` — plugin registration and setup
- `src/styles/` — global styles and theme settings
- `public/` — static public files

## ✨ Enabled Features

- ESLint
- Vuetify MCP
- Pinia
- Vue I18n
- Vue Router

## 💿 Install

Use your selected package manager (pnpm) to install dependencies:

```bash
pnpm install
```

## 🚀 Quick Start

```bash
pnpm install
pnpm dev
```

## 🏗️ Build

```bash
pnpm build
```

## 🧪 Available Scripts

- `pnpm dev`
- `pnpm build`
- `pnpm preview`
- `pnpm build-only`
- `pnpm type-check`
- `pnpm lint`
- `pnpm lint:fix`
- `pnpm mcp`
- `pnpm mcp:revert`

## 💪 Support Vuetify Development

This project uses Vuetify - an MIT licensed Open Source project. We are glad to welcome contributors and any support for ongoing development:

- Contribute to Vuetify and ecosystem projects: https://github.com/vuetifyjs
- Request enterprise support: https://support.vuetifyjs.com/
- Sponsor on GitHub: https://github.com/sponsors/vuetifyjs
- Support on Open Collective: https://opencollective.com/vuetify

## playwright

```bash
  pnpm exec playwright test
    # Runs the end-to-end tests.

  pnpm exec playwright test --ui
    # Starts the interactive UI mode.

  pnpm exec playwright test --project=chromium
    # Runs the tests only on Desktop Chrome.

  pnpm exec playwright test example
    # Runs the tests in a specific file.

  pnpm exec playwright test --debug
    # Runs the tests in debug mode.

  pnpm exec playwright codegen
    # Auto generate tests with Codegen.
```

We suggest that you begin by typing:

  ```bash
  pnpm exec playwright test
  ```

And check out the following files:
  - ./tests/e2e/example.spec.ts - Example end-to-end test
  - ./playwright.config.ts - Playwright Test configuration