Dependencies
Dev Dependencies
DANGER
The following dependencies are common and required to run the template. Do not try to remove any of these dependencies. You may add / update / remove any other dependencies according to your requirements.
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@iconify/vue": "^3.2.1",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^8.0.3",
"prettier": "^2.4.1",
"sass": "^1.52.3",
"sass-loader": "^13.0.0",
"vue-cli-plugin-tailwind": "~3.0.0"
}
Other Dependencies
Tailwind CSS
TIP
Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
"dependencies": {
"tailwindcss": "^2.2.19"
}
Headless Ui
TIP
Headless UI is a completely unstyled, fully accessible collection of UI components, designed to integrate beautifully with Tailwind CSS.
"dependencies": {
"@headlessui/vue": "^1.4.2"
}
Full Calendar
TIP
FullCalendar is a feature-rich JavaScript event calendar. It is a full-sized drag & drop event calendar like the one below. It uses jQuery, moment, and the fullcalendar library.
"dependencies": {
"@fullcalendar/core": "^5.10.2",
"@fullcalendar/daygrid": "^5.10.2",
"@fullcalendar/interaction": "^5.10.2",
"@fullcalendar/list": "^5.10.2",
"@fullcalendar/timegrid": "^5.10.2",
"moment": "^2.29.1"
}
Charts
"dependencies": {
"apexcharts": "^3.27.3",
"chart.js": "^3.9.1",
}
Form Validation
TIP
VeeValidate is a template-based validation framework for Vue.js. It is designed to handle heavy validation rules and keep your templates slim.
"dependencies": {
"vee-validate": "^4.4.4"
}
Forms
"dependencies": {
"vue-cleave-component": "^3.0.1",
}
Icons
TIP
Iconify is a free and open-source icon library. It is a collection of more than 300,000 icons that can be used in any project. It is a free and open-source icon library. It is a collection of more than 300,000 icons that can be used in any project.
"dependencies": {
"@iconify/vue": "^3.2.1"
}
Table
vue-good-table-nex is a simple, lightweight, fast, and extensible data table for Vue.js. It is a simple, lightweight, fast, and extensible data table for Vue.js.
"dependencies": {
"vue-good-table-next": "^2.21.1"
}
Date picker
"dependencies": {
"vue-tailwind-datepicker": "^3.11.2",
"vue-flatpickr-component": "^3.11.2",
}
Map
"dependencies": {
"vue3-leaflet": "^2.7.0",
"leaflet": "^1.7.1",
}
Sweet Alert
"dependencies": {
"vue-sweetalert2": "^5.0.5",
}
Toast
"dependencies": {
"vue-toastification": "^2.0.0-rc.5",
}
Tippy
"dependencies": {
"vue-tippy": "^6.0.0-alpha.62",
}