This project is a template, for quickly getting started on your new project. When creating the template, many requests from businesses were taken into account, and the convenience of development.
Thus, the following plugins are now configured and supported:
- DotEnv files in ./environments folder supported stage with balanced setting: local, dev, stage, prod
- Typescript 5 + Vue 3 + Nuxt 3
- Eslint, Stylelint (without lint-staged)
- SCSS
- Consola - To wrap the logs
- Mitt - Global emitter
- VueUse - for support function
- Lodash-es - for data manipulation
- VeeValidate with yup - data validation and scheme organizer
- and more Vue / Nuxt modules - Vue Router, Pinia, I18n, etc..
- A
<ui-icon>
component has been created that covers the functionality of nuxt-icon. There is also a module written for it that scans the ~/assets/icon folder and generates atypes
based on the files. Adds hints to the icon name when using the component - A
<common-scope>
is a "god" component, it avoids duplication of initialization code and is a repository of the necessary components throughout the application. - Plugin
1.initialization.ts
- initialization you're app here - validate token, request the site configuration, etc. - Plugin
1.eventBus.ts
- wrapper over themitt
package for convenient use
- Arhitecute - For a quick start, the project philosophy is described, which you can change
- Stylesheets - For a quick start, the philosophy of styles is described. SCSS is included
nvm install && nvm use
npm i && cp ./environments/local.env .env
npm run dev
npm run build && node .output/server/index.mjs
nuxi generate && npx serve .output/public