vuetifyjs / eslint-config-vuetify Goto Github PK
View Code? Open in Web Editor NEW๐ผ Opinionated eslint config for Vuetify projects
License: Other
๐ผ Opinionated eslint config for Vuetify projects
License: Other
eslint-config-vuetify/package.json
Line 18 in bb9c32d
It put one of my projects into a bind where other plugins and configs were restricting to ^6
and ^5
and with this now ^7
It breaks when I ran yarn add -D eslint eslint-config-vuetify eslint-plugin-vuetify
here is a portion of my package.json too
"eslint-config-node": "^4.0.0",
"eslint-config-prettier": "^6.7.0",
"eslint-config-vuetify": "^0.6.1",
"eslint-import-resolver-alias": "^1.1.2",
"eslint-import-resolver-typescript": "^2.0.0",
"eslint-plugin-babel": "^5.3.0",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-jest": "^23.0.3",
"eslint-plugin-node": "^9.1.0",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-promise": "^4.1.1",
"eslint-plugin-simple-import-sort": "^4.0.0",
"eslint-plugin-vue": "^6.0.1",
Hi,
When I add this package, the linter indicates a problem on "export":
" Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use export @dec class
instead."
Here my dependencies in package.json:
"devDependencies": {
"@babel/core": "^7.7.7",
"@babel/preset-env": "^7.7.7",
"@mdi/font": "^4.7.95",
"@nuxt/typescript-build": "^0.5.2",
"@nuxt/typescript-runtime": "^0.3.3",
"@nuxtjs/auth": "^4.8.4",
"@nuxtjs/axios": "^5.9.0",
"@nuxtjs/eslint-config-typescript": "^1.0.0",
"@nuxtjs/proxy": "^1.3.3",
"@nuxtjs/pwa": "v3.0.0-beta.16",
"@nuxtjs/vuetify": "^1.9.1",
"@types/jest": "^24.0.24",
"@types/lodash.overargs": "^4.7.6",
"@vue/test-utils": "^1.0.0-beta.29",
"babel-core": "7.0.0-bridge.0",
"babel-jest": "^24.9.0",
"cross-env": "^6.0.3",
"cypress": "^3.8.0",
"eslint": "^6.8.0",
"eslint-config-vuetify": "^0.4.1",
"eslint-loader": "^3.0.3",
"eslint-plugin-cypress": "^2.8.1",
"eslint-plugin-jest": "^23.1.1",
"intro.js": "^2.9.3",
"jest": "^24.9.0",
"jest-serializer-vue": "^2.0.2",
"loadash": "^1.0.0",
"npm-check-updates": "^4.0.1",
"nuxt": "^2.11.0",
"nuxt-env": "^0.1.0",
"sass": "^1.23.7",
"ts-jest": "^24.2.0",
"ts-node": "^8.5.4",
"typedoc": "^0.15.5",
"vue-grid-layout": "^2.3.7",
"vue-i18n": "^8.15.3",
"vue-jest": "^3.0.5",
"vue-json-component": "^0.3.0",
"vue-meta": "^2.3.1",
"vue-property-decorator": "^8.3.0",
"vuedraggable": "^2.23.2",
"vuetify": "2.1.15",
"vuex-class": "^0.3.2",
"vuex-persistedstate": "^2.7.0",
}
And my eslintrc.js:
module.exports = {
root: true,
env: {
// Whitelist the environment variables provided by Jest
"jest/globals": true
},
plugins: [
'jest'
],
extends: [
'@nuxtjs/eslint-config-typescript',
'vuetify',
"plugin:cypress/recommended",
"plugin:jest/recommended",
"plugin:jest/style",
],
// add your custom rules here
rules: {
"space-before-function-paren": ["error", "never"],
"comma-dangle": ["error", "never"],
}
}
And an extract of my "nuxt.config.js"
buildModules: [
'@nuxt/typescript-build',
'@nuxtjs/vuetify'
],
/**
* Vuetify Config here
*/
vuetify: {
// To package icon in app for offline mode.
// defaultAssets: false,
optionsPath: '~/vuetify.options.js'
},
When running yarn add eslint-config-vuetify -D
I get the following error
error An unexpected error occurred: "could not find a copy of eslint to link in /home/jeff/wexite/client/node_modules/eslint-config-vuetify/node_modules".
Here are the dependencies from my package.json
"dependencies": {
"@nuxtjs/auth": "^4.9.1",
"@nuxtjs/axios": "^5.11.0",
"@nuxtjs/dotenv": "^1.4.1",
"echarts": "^4.8.0",
"nuxt": "^2.13.0",
"typescript": "^3.9.5",
"vee-validate": "^3.3.4",
"vue": "^2.6.11",
"vue-echarts": "^5.0.0-beta.0"
},
"devDependencies": {
"@nuxtjs/eslint-config": "^3.0.0",
"@nuxtjs/eslint-module": "^2.0.0",
"@nuxtjs/vuetify": "^1.11.2",
"debug": "^4.1.1",
"eslint": "^7.2.0",
"eslint-config-prettier": "^6.10.0",
"eslint-plugin-nuxt": ">=0.4.2",
"eslint-plugin-prettier": "^3.1.2",
"prettier": "^2.0.5",
"vue-template-compiler": "^2.6.11",
"webpack": "^4.43.0"
}
This rule is failing on the following line in the latest release of eslint-plugin-vue. Looks like they may have removed the option
eslint-config-vuetify/index.js
Line 32 in a3f82f3
looking at the code, it appears it was never there despite being in the documentation
Yarn audit result
high : Prototype Pollution
Package : handlebars
Patched in : >=4.5.3
Dependency of : eslint-config-vuetify
Path: eslint-config-vuetify > @release-it/conventional-changelog >
conventional-changelog > conventional-changelog-core >
conventional-changelog-writer > handlebars
More info : https://www.npmjs.com/advisories/1325
[email protected] requires a peer of eslint@^5.12.0 but none is installed. You must install peer dependencies yourself.
I installed ESLint 6.2.2
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.