Stable in CLI 2.3.0

Vue + Vite, with the full FSD workflow

The Vue edition is a first-class template, not a renamed React starter. It ships Vue-native providers, single-file components, composables, state, forms, and generators while keeping the same complete FSD layer contract as the other editions.

Create a Vue project

bash

npx create-fsd-architecture@latest my-vue-app --framework vue-vite

bash

npx create-fsd-architecture@latest my-vue-app --framework vue-vite --yes

The first command keeps stack prompts interactive. The second accepts the Vue defaults: Axios, Vue Query, Pinia, and VeeValidate + Zod.

Default stack

Framework

Vue 3 + Vite

Server state

TanStack Vue Query

Client state

Pinia

Forms

VeeValidate + Zod

Styling

Tailwind CSS 4

Quality

TypeScript, ESLint, Steiger, Husky, Commitlint

Complete architecture from day one

text

src/
├── app/          # App shell, providers, routing, and styles
├── pages/        # Route-level compositions
├── widgets/      # Large reusable UI blocks
├── features/     # User interactions and business actions
├── entities/     # Business entities and representations
└── shared/       # API, assets, config, utilities, types, and UI

Empty architectural segments remain visible through documentation placeholders, so cloning the repository does not collapse the FSD structure.

Vue-native generation

bash

npx create-fsd-architecture --generate feature checkout
npx create-fsd-architecture --generate entity product
npx create-fsd-architecture --generate widget navbar
npx create-fsd-architecture --generate page catalog
npx create-fsd-architecture --generate feature auth

The CLI reads fsd.config.json and writes Vue SFCs, composables, typed API modules, Pinia stores, and VeeValidate schemas only when the selected capabilities require them. The auth command creates all five supported auth flows together.

Quality commands

bash

npm run fsd:check
npm run lint
npm run typecheck
npm run build
npm run ci

Template source

Inspect the starter, report issues, or contribute directly in its dedicated repository.

Open FSD-VUE on GitHub