MilesWuCode/nuxt3-starter

★ 0Forks 1VueGitHub ↗Compare

README

Nuxt3 - Starter

lint

  • .editorconfig
  • eslint
    • @nuxt/eslint
    npx nuxi module add eslint
  • prettier
    • .prettierignore
    • .prettierrc
    npm i prettier prettier-plugin-tailwindcss

typescript

envs

  • /envs/*.env

ui

  • daisyui

    npm i daisyui

store

  • @pinia/nuxt

    npm i pinia @pinia/nuxt

docker

  • docker/Dockerfile

  • build.sh

    # build & run
    sh ./docker/build.sh

pm2

  • ecosystem.config.json

    pm2 start ecosystem.config.json

nuxi

# add
npx nuxi add layout default
npx nuxi add page index

git

  • commitizen

    # install
    npm i commitizen
    
    # init
    npx commitizen init cz-conventional-changelog
    
    # run
    npx cz
    
    # or, package.json add scripts: "commit": "cz"
    npm run commit
  • commitlint

    # install
    npm i @commitlint/cli @commitlint/cz-commitlint @commitlint/config-conventional
    
    # set path
    npm pkg set config.commitizen.path="@commitlint/cz-commitlint"
    
    # test
    npm run commit
  • husky

    # install
    npm i husky
    
    # init
    npx husky init
    
    # add scripts
    npm pkg set scripts.commitlint="commitlint --edit"
    
    # set commit-msg
    echo "npm run commitlint \${1}" > .husky/commit-msg
    
    # remove pre-commit
    rm .husky/pre-commit
    
    # test
    npm run commit

update

# update nuxt
npx nuxi upgrade
npx nuxi@latest upgrade --force

# update package
npm update
npx taze -w

# find outdated
npm outdated

# type check
npx nuxi typecheck

test

  • vitest.config.ts
# install
npm i @nuxt/test-utils vitest @vue/test-utils happy-dom playwright-core

# e2e
npm i playwright

# folder
npx vitest --dir ./components

# coverage
npx vitest --coverage

svg

  • nuxt-svgo-loader
    npm i nuxt-svgo-loader

drizzle

# mysql
docker run --name mysql -p 3306:3306 \
-e MYSQL_ROOT_PASSWORD=password \
-e MYSQL_DATABASE=demo \
--restart unless-stopped \
-d mysql:latest

# schema to sql
npx drizzle-kit generate --name 'first'

# migrate to DB
npx tsx ./database/drizzle/migrate.ts

# drizzle studio
npx drizzle-kit studio

validation

npm i vee-validate zod @vee-validate/zod

觀望中

Contributors

MilesWuCode

Issues