Nuxt and Vue

Nuxt 3 is hybrid framework that work on the top of Vue3 , which used to build reactive single page web apps. Nuxt 3 has many performance upgrade as well as structural changes over Nuxt2.

Element Plus

Element Plus is a Vue 3 UI library which help developers and UI designers quickly build apps and components. Most of the parts of the library coming from the Chinese contributor and has large user base.

Adding them together

A modern web app should good UI, reactivity and reusable CSS etc. Vue3 provide easy tool for do that. With Nuxt and UI library things get better and SASS adds cheese to it.

Here is sample JSON package which configure the dependencies.

 {   "private": true,   "scripts": {     "build": "nuxt build",     "dev": "nuxt dev",     "start": "node .output/server/index.mjs"   },   "devDependencies": {     "element-plus": "1.2.0-beta.3",     "nuxt3": "latest",     "sass": "^1.43.4",     "typescript": "^4.4.4"   },   "pnpm": {     "overrides": {       "@nuxt/kit": "npm:@nuxt/kit-edge@latest",       "@nuxt/kit-edge": "latest"     }   } }

Let's install all of the dependencies using npm install

 This free site is ad-supported. Learn more
​