An open API service indexing awesome lists of open source software.

https://github.com/atlaxt/starter-vue-nuxtui

Opinionated Vue 3 starter — NuxtUI, Tailwind CSS, Pinia, i18n, and auto-imports out of the box.
https://github.com/atlaxt/starter-vue-nuxtui

authentication auto-import i18n nuxtui pinia starter starter-template tailwind taiwlindcss template vite vue-template

Last synced: 5 days ago
JSON representation

Opinionated Vue 3 starter — NuxtUI, Tailwind CSS, Pinia, i18n, and auto-imports out of the box.

Awesome Lists containing this project

README

          

# synthia-vue

Production-ready Vue 3 starter template. Everything you need is pre-configured — no setup from scratch.

---

## Stack

| Layer | Technology |
| ---------- | ----------------------------------------- |
| Framework | Vue 3 (Composition API) |
| Build Tool | Vite 7 |
| UI Library | Nuxt UI 4 |
| Styling | Tailwind CSS 4 |
| State | Pinia |
| Router | Vue Router 5 |
| i18n | Vue I18n 11 (YAML) |
| Utilities | VueUse |
| Testing | Vitest + Vue Test Utils |
| Linting | ESLint (antfu config) + OXLint + Prettier |

---

## Features

- **Auto Import** — Vue, Vue Router, Pinia, VueUse, and I18n composables are available without writing `import`
- **Nuxt UI** — Ready-to-use component library with blue/purple/zinc color palette and built-in dark mode
- **Layout System** — `default` (with header) and `empty` (full screen) layouts ready to use
- **i18n** — YAML-based multi-language setup, `tr` and `en` locales included
- **Alias** — `@` → `src/` path alias configured
- **Type Safe** — TypeScript with full type checking via `vue-tsc`

---

## Getting Started

```sh
# Install dependencies
pnpm install

# Start development server
pnpm dev

# Production build
pnpm build

# Run unit tests
pnpm test:unit

# Lint + format
pnpm lint
```

---

## Directory Structure

```
src/
├── assets/ # Static assets
├── components/ # Shared components (auto-imported)
├── core/
│ ├── config/ # i18n configuration
│ └── stores/ # Pinia stores (auto-imported)
├── layouts/ # default.vue, empty.vue
├── locales/ # en.yaml, tr.yaml
├── pages/ # Page components
└── router/ # Vue Router definitions
```

---

## IDE

**VS Code** + **[Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar)** extension is recommended.

**Vue DevTools** browser extension can also be installed for a better dev experience.

---

## Author

Built by **[atlaxt](https://github.com/atlaxt)**