Vue 3 DDD

This template should help get you started developing with Vue 3 & DDD Pattern.

Recommended IDE Setup

VSCode + Volar (and disable Vetur)

What inside

Package
Vue 3	✅
Tailwind	✅
PostCSS	✅
Vite	✅
Vitest	✅
Axios	✅
Pinia	✅
JS Base	✅

Project Setup

Install Project

npm  install  # pnpm/yarn install

Compile and Hot-Reload for Development

npm  run  dev  # pnpm/yarn dev

Compile and Minify for Production

npm  run  build  # pnpm/yarn build

Run Unit Tests with Vitest

npm  run  test:unit  # pnpm/yarn test:unit

Lint with ESLint

npm  run  lint  # pnpm/yarn lint

Project Structure

Folder Structure

    /src
        /modules
            /app # global
                /ui
                    /components
                /store
                /router
                /constant
                /assets
                ...
            /otherModules # feature
                /ui
	                /components
                /store
		            otherModules.store.js
                /routes
	                otherModules.route.js
                /constant
		            otherModules.constant.js
                /assets
                ...
        /plugins
    /tests
        /unit