diff --git a/.eslintrc.js b/.eslintrc.js index 5620e7a8..a4617949 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,14 +1,31 @@ module.exports = { - root: true, - env: { - node: true, - }, - extends: 'vuetify', - rules: { - 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', - }, - parserOptions: { - parser: 'babel-eslint', - }, -} + root: true, + env: { + node: true, + }, + extends: "vuetify", + rules: { + "vue/max-attributes-per-line": [ + "error", + { + singleline: 3, + multiline: { + max: 1, + allowFirstLine: true, + }, + }, + ], + indent: [2, "tab"], + // space before function () + "space-before-function-paren": "off", + "vue/script-indent": "off", + semi: 0, + quotes: 0, + "no-tabs": 0, + "no-console": process.env.NODE_ENV === "production" ? "error" : "off", + "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off", + }, + parserOptions: { + parser: "@babel/eslint-parser", + }, +}; diff --git a/.npmrc b/.npmrc new file mode 100644 index 00000000..5c6c9587 --- /dev/null +++ b/.npmrc @@ -0,0 +1,3 @@ +legacy-peer-deps=true +auto-install-peers=true +strict-peer-dependencies=false \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index bcefe07b..026badd3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,15 @@ # Change Log +## [2.1.1] 2023-07-26 + +- Update dependencies & devDependencies +- Fix installation issue when running `npm i` +- Other minor fixes + ## [2.1.0] 2020-02-29 -- refactor: all the product was changed and now it's the same version with PRO version and also the structure it's the same + +- refactor: all the product was changed and now it's the same version with PRO version and also the structure it's the same ## [1.0.0] 2018-10-16 + ### Initial Release diff --git a/README.md b/README.md index 79cf0936..8b1de37c 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,12 @@ # [Vuetify Material Dashboard](https://www.creative-tim.com/product/vuetify-material-dashboard?ref=vtymdp-readme) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/share?url=https%3A%2F%2Fwww.creative-tim.com%2Fvuetify-material-dashboard&text=Vuetify%20Material%20Dashboard%20PRO%20by%20Creative%20Tim&via=CreativeTim&hashtags=vuejs%20%23vuex%20%23vuetify%20%23material) - -![version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/ct-vuetify-material-dashboard.svg)](https://github.com/creativetimofficial/ct-vuetify-material-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/creativetimofficial/ct-vuetify-material-dashboard.svg?maxAge=259200)](https://github.com/creativetimofficial/ct-vuetify-material-dashboard/issues?q=is%3Aissue+is%3Aclosed) [![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg)](https://gitter.im/creative-tim/material-dashboard) [![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/E4aHAQy) +![version](https://img.shields.io/badge/version-2.1.1-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/ct-vuetify-material-dashboard.svg)](https://github.com/creativetimofficial/ct-vuetify-material-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/creativetimofficial/ct-vuetify-material-dashboard.svg?maxAge=259200)](https://github.com/creativetimofficial/ct-vuetify-material-dashboard/issues?q=is%3Aissue+is%3Aclosed) [![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg)](https://gitter.im/creative-tim/material-dashboard) [![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/E4aHAQy) ![Product Gif](https://s3.amazonaws.com/creativetim_bucket/products/207/original/opt_mdp_vuetify_thumbnail.jpg?1566575158) **Vuetify Material Dashboard** is a beautiful resource built over [Vuetify](https://vuetifyjs.com/en/), [Vuex](https://vuex.vuejs.org/installation.html) and [Vuejs](https://vuejs.org/). It will help you get started developing dashboards in no time. Vuetify Material Dashboard is the official Vuejs version of the Original [Material Dashboard PRO](https://www.creative-tim.com/product/material-dashboard). Using the Dashboard is pretty simple but requires basic knowledge of Javascript, [Vuejs](https://vuejs.org/v2/guide/) and [Vue-Router](https://router.vuejs.org/en/). -We have created it thinking about things you actually need in a dashboard. **Vuetify Material Dashboard** contains handpicked and optimized Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on [Creative Tim](https://www.creative-tim.com) is a customization of this product. +We have created it thinking about things you actually need in a dashboard. **Vuetify Material Dashboard** contains handpicked and optimized Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on [Creative Tim](https://www.creative-tim.com) is a customization of this product. **Vuetify** is developed exactly according to Material Design spec. Every component is handcrafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy. @@ -16,6 +15,7 @@ We have created it thinking about things you actually need in a dashboard. **Vue Let us know what you think and what we can improve below. And good luck with development! ## Getting Started + - Install Nodejs from [Nodejs Official Page](https://nodejs.org/en/) - Open your terminal - Navigate to the project @@ -24,12 +24,13 @@ Let us know what you think and what we can improve below. And good luck with dev - A new tab will be opened in your browser You can also run additional npm tasks such as + - `npm run build` to build your app for production - `npm run lint` to run linting. ## Vuetify -Vuetify is developed exactly according to Material Design spec. Every component is hand crafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy. +Vuetify is developed exactly according to Material Design spec. Every component is hand crafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy. ## Vuex @@ -43,43 +44,39 @@ to as little as possible. Almost everything is inside `package.json` + some othe Let us know what you think and what we can improve below. And good luck with development! - #### Special thanks + During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source: -- [Vuetify](https://vuetifyjs.com/en/) for the wonderful framework +- [Vuetify](https://vuetifyjs.com/en/) for the wonderful framework Let us know your thoughts below. And good luck with development! ## Table of Contents -* [Versions](#versions) -* [Demo](#demo) -* [Quick Start](#quick-start) -* [Documentation](#documentation) -* [File Structure](#file-structure) -* [Browser Support](#browser-support) -* [Resources](#resources) -* [Reporting Issues](#reporting-issues) -* [Technical Support or Questions](#technical-support-or-questions) -* [Licensing](#licensing) -* [Useful Links](#useful-links) - +- [Versions](#versions) +- [Demo](#demo) +- [Quick Start](#quick-start) +- [Documentation](#documentation) +- [File Structure](#file-structure) +- [Browser Support](#browser-support) +- [Resources](#resources) +- [Reporting Issues](#reporting-issues) +- [Technical Support or Questions](#technical-support-or-questions) +- [Licensing](#licensing) +- [Useful Links](#useful-links) ## Versions - - [](https://www.creative-tim.com/product/vuetify-material-dashboard-pro?ref=vtymdp-readme) [](https://www.creative-tim.com/product/material-dashboard-pro?ref=vtymdp-readme) [](https://www.creative-tim.com/product/material-dashboard-pro-react?ref=vtymdp-readme) [](https://www.creative-tim.com/product/vue-material-dashboard-pro?ref=vtymdp-readme) [](https://www.creative-tim.com/product/material-dashboard-pro-angular2?ref=vtymdp-readme) - -Vuetify | Vue | React | Angular | HTML | -| --- | --- | --- | --- | --- | -| [![Vuetify Material Dashboard PRO](https://s3.amazonaws.com/creativetim_bucket/products/207/original/opt_mdp_vuetify_thumbnail.jpg)](https://www.creative-tim.com/product/vuetify-material-dashboard-pro?ref=vtymdp-readme) | [![Vue Material Dashboard PRO](https://s3.amazonaws.com/creativetim_bucket/products/87/original/opt_mdp_vue_thumbnail.jpg)](https://www.creative-tim.com/product/vue-material-dashboard-pro?ref=vtymdp-readme) | [![Material Dashboard PRO React](https://s3.amazonaws.com/creativetim_bucket/products/80/original/opt_mdp_react_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-pro-react?ref=vtymdp-readme) | [![Material Dashboard PRO Angular](https://s3.amazonaws.com/creativetim_bucket/products/55/original/opt_mdp_angular_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-angular2?ref=vtymdp-readme) | [![Material Dashboard PRO HTML](https://s3.amazonaws.com/creativetim_bucket/products/51/original/opt_mdp_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-pro/examples/dashboard.html?ref=vtymdp-readme) +| Vuetify | Vue | React | Angular | HTML | +| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| [![Vuetify Material Dashboard PRO](https://s3.amazonaws.com/creativetim_bucket/products/207/original/opt_mdp_vuetify_thumbnail.jpg)](https://www.creative-tim.com/product/vuetify-material-dashboard-pro?ref=vtymdp-readme) | [![Vue Material Dashboard PRO](https://s3.amazonaws.com/creativetim_bucket/products/87/original/opt_mdp_vue_thumbnail.jpg)](https://www.creative-tim.com/product/vue-material-dashboard-pro?ref=vtymdp-readme) | [![Material Dashboard PRO React](https://s3.amazonaws.com/creativetim_bucket/products/80/original/opt_mdp_react_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-pro-react?ref=vtymdp-readme) | [![Material Dashboard PRO Angular](https://s3.amazonaws.com/creativetim_bucket/products/55/original/opt_mdp_angular_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-angular2?ref=vtymdp-readme) | [![Material Dashboard PRO HTML](https://s3.amazonaws.com/creativetim_bucket/products/51/original/opt_mdp_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-pro/examples/dashboard.html?ref=vtymdp-readme) | ## Demo @@ -88,17 +85,15 @@ Vuetify | Vue | React | Angular | HTML | [View More](https://demos.creative-tim.com/vuetify-material-dashboard-pro?ref=vtymdp-readme). - ## Quick start Quick start options: - Download from [Creative Tim](https://www.creative-tim.com/product/vuetify-material-dashboard?ref=vtymdp-readme) - ## Documentation -The documentation for the **Vuetify Material Dashboard** is hosted on vuetify [website](https://vuetifyjs.com/en/components/api-explorer). +The documentation for the **Vuetify Material Dashboard** is hosted on vuetify [website](https://vuetifyjs.com/en/components/api-explorer). ## File Structure @@ -198,8 +193,8 @@ At present, we officially aim to support the last two versions of the following - ## Resources + - [Live Preview](https://demos.creative-tim.com/vuetify-material-dashboard?ref=vtymdp-readme) - Download Page: [Download](https://www.creative-tim.com/product/vuetify-material-dashboard?ref=vtymdp-readme) - Documentation is [Here](https://vuetifyjs.com/en/components/api-explorer) @@ -210,6 +205,7 @@ At present, we officially aim to support the last two versions of the following - For Front End Development - [Material Kit Pro ](https://www.creative-tim.com/product/material-kit-pro?ref=vtymdp-readme) ## Reporting Issues + We use GitHub Issues as the official bug tracker for the **Vuetify Material Dashboard**. Here are some advices for our users that want to report an issue: 1. Make sure that you are using the latest version of the **Vuetify Material Dashboard**. Check the **CHANGELOG** from your dashboard on our [website](https://www.creative-tim.com/). diff --git a/babel.config.js b/babel.config.js index d39e57b4..600fd223 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,5 @@ module.exports = { - presets: [ - '@vue/app', - ], + presets: [ + '@vue/app', + ], } diff --git a/jest.config.js b/jest.config.js index d3550bae..5a3c18e4 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,30 +1,30 @@ module.exports = { - moduleFileExtensions: [ - 'js', - 'jsx', - 'json', - 'vue', - ], - transform: { - '^.+\\.vue$': 'vue-jest', - '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub', - '^.+\\.jsx?$': 'babel-jest', - }, - transformIgnorePatterns: [ - '/node_modules/', - ], - moduleNameMapper: { - '^@/(.*)$': '/src/$1', - }, - snapshotSerializers: [ - 'jest-serializer-vue', - ], - testMatch: [ - '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)', - ], - testURL: 'http://localhost/', - watchPlugins: [ - 'jest-watch-typeahead/filename', - 'jest-watch-typeahead/testname', - ], + moduleFileExtensions: [ + 'js', + 'jsx', + 'json', + 'vue', + ], + transform: { + '^.+\\.vue$': 'vue-jest', + '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub', + '^.+\\.jsx?$': 'babel-jest', + }, + transformIgnorePatterns: [ + '/node_modules/', + ], + moduleNameMapper: { + '^@/(.*)$': '/src/$1', + }, + snapshotSerializers: [ + 'jest-serializer-vue', + ], + testMatch: [ + '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)', + ], + testURL: 'http://localhost/', + watchPlugins: [ + 'jest-watch-typeahead/filename', + 'jest-watch-typeahead/testname', + ], } diff --git a/package.json b/package.json index f9f812d9..e5bbbfff 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vuetify-material-dashboard", - "version": "2.1.0", + "version": "2.1.1", "private": true, "scripts": { "dev": "vue-cli-service serve --open", @@ -13,35 +13,35 @@ "test:unit": "vue-cli-service test:unit" }, "dependencies": { - "core-js": "^3.6.2", - "vue": "^2.6.11", - "vue-i18n": "^8.15.3", - "vue-router": "^3.1.3", - "vuetify": "^2.2.11", - "vuex": "^3.1.2" + "core-js": "3.30.1", + "vue": "2.7.14", + "vue-i18n": "8.28.2", + "vue-router": "3.1.3", + "vuetify": "2.6.15", + "vuex": "3.6.2" }, "devDependencies": { - "@vue/cli-plugin-babel": "^4.1.2", - "@vue/cli-plugin-e2e-cypress": "^4.1.2", - "@vue/cli-plugin-eslint": "^4.1.2", - "@vue/cli-plugin-unit-jest": "^4.1.2", - "@vue/cli-service": "^4.1.2", - "@vue/eslint-config-standard": "^5.0.1", - "@vue/test-utils": "1.0.0-beta.30", + "@babel/eslint-parser": "7.22.9", + "@vue/cli-plugin-babel": "5.0.8", + "@vue/cli-plugin-e2e-cypress": "5.0.8", + "@vue/cli-plugin-eslint": "5.0.8", + "@vue/cli-plugin-unit-jest": "5.0.8", + "@vue/cli-service": "5.0.8", + "@vue/eslint-config-standard": "8.0.1", + "@vue/test-utils": "1.3.5", "babel-core": "7.0.0-bridge.0", - "babel-eslint": "^10.0.3", - "babel-jest": "^24.9.0", - "eslint": "^6.8.0", - "eslint-config-vuetify": "^0.4.1", - "eslint-plugin-vue": "^6.1.2", - "sass": "^1.24.3", - "sass-loader": "^8.0.0", - "vee-validate": "^3.2.2", - "vue-chartist": "^2.2.1", - "vue-cli-plugin-i18n": "^0.6.0", - "vue-cli-plugin-vuetify": "^2.0.3", - "vue-template-compiler": "^2.6.11", - "vue-world-map": "^0.1.1", - "vuetify-loader": "^1.4.3" + "babel-jest": "29.6.1", + "eslint": "8.39.0", + "eslint-config-vuetify": "0.6.1", + "eslint-plugin-vue": "7.1.0", + "sass": "1.62.1", + "sass-loader": "13.2.2", + "vee-validate": "3.4.15", + "vue-chartist": "2.2.1", + "vue-cli-plugin-i18n": "2.3.2", + "vue-cli-plugin-vuetify": "2.5.8", + "vue-template-compiler": "2.7.14", + "vue-world-map": "0.1.1", + "vuetify-loader": "1.9.2" } } diff --git a/postcss.config.js b/postcss.config.js index 90d9fffc..ebb5551d 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,5 +1,5 @@ module.exports = { - plugins: { - autoprefixer: {}, - }, + plugins: { + autoprefixer: {}, + }, } diff --git a/public/index.html b/public/index.html index 75c356c1..ba35b615 100644 --- a/public/index.html +++ b/public/index.html @@ -1,11 +1,11 @@ diff --git a/src/App.vue b/src/App.vue index 795f530d..a65418b8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,7 +3,7 @@ diff --git a/src/components/base/Card.vue b/src/components/base/Card.vue index 43e0a895..8ac0fd42 100644 --- a/src/components/base/Card.vue +++ b/src/components/base/Card.vue @@ -1,9 +1,9 @@ diff --git a/src/components/base/Item.vue b/src/components/base/Item.vue index b5e06b3b..381f69aa 100644 --- a/src/components/base/Item.vue +++ b/src/components/base/Item.vue @@ -25,45 +25,45 @@ diff --git a/src/components/base/ItemGroup.vue b/src/components/base/ItemGroup.vue index 0665efda..32b407ea 100644 --- a/src/components/base/ItemGroup.vue +++ b/src/components/base/ItemGroup.vue @@ -6,7 +6,7 @@ append-icon="mdi-menu-down" :color="barColor !== 'rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7)' ? 'white' : 'grey darken-1'" > -