Update to CI packages

Bug: T307053
Change-Id: I5c9d147e8f328c19ddaeb3c698ef1586ded2043b

.eslintrc.json

@@ -2,7 +2,46 @@
 	"root": true,
 	"extends": [
 		"wikimedia/client-es5",
-		"wikimedia/jquery",
+		".eslintshared.json",
 		"wikimedia/mediawiki"
+	],
+	"env": {
+		"commonjs": true
+	},
+	"rules": {
+		"max-len": "off",
+		"no-jquery/variable-pattern": "off",
+		"no-jquery/no-event-shorthand": "off",
+		"compat/compat": "warn"
+	},
+	"overrides": [
+		{
+			"files": "**/*.vue",
+			"extends": "wikimedia/vue-es5",
+			"rules": {
+				"vue/html-self-closing": [
+					"error",
+					{
+						"html": {
+							"void": "never",
+							"normal": "never",
+							"component": "never"
+						}
+					}
+				],
+				"vue/v-bind-style": [
+					"warn",
+					"shorthand"
+				],
+				"vue/v-on-style": [
+					"warn",
+					"shorthand"
+				],
+				"vue/v-slot-style": [
+					"warn",
+					"shorthand"
+				]
+			}
+		}
 	]
 }

.eslintshared.json

@@ -0,0 +1,25 @@
+{
+	"extends": [
+		"wikimedia/jquery",
+		"wikimedia/mediawiki"
+	],
+	"globals": {
+		"util": "readonly",
+		"wikibase": "readonly",
+		"dataValues": "readonly",
+		"globeCoordinate": "readonly"
+	},
+	"rules": {
+		"max-len": [
+			"warn",
+			{
+				"code": 110,
+				"ignoreComments": true
+			}
+		],
+		"mediawiki/msg-doc": "warn",
+		"mediawiki/class-doc": "warn",
+		"no-jquery/no-class-state": "off",
+		"no-jquery/no-sizzle": "off"
+	}
+}

Gruntfile.js

@@ -1,7 +1,5 @@
 /* eslint-env node, es6 */
 module.exports = function ( grunt ) {
-	var conf = grunt.file.readJSON( 'extension.json' );
-
 	grunt.loadNpmTasks( 'grunt-banana-checker' );
 	grunt.loadNpmTasks( 'grunt-eslint' );
 	grunt.loadNpmTasks( 'grunt-stylelint' );
@@ -9,21 +7,30 @@ module.exports = function ( grunt ) {
 	grunt.initConfig( {
 		eslint: {
 			options: {
+				extensions: [ '.js', '.json', '.vue' ],
 				cache: true,
 				fix: grunt.option( 'fix' )
 			},
-			all: '.'
+			all: [
+				'**/*.{js,json,vue}',
+				'!{vendor,node_modules,coverage,tests/jest/fixtures}/**'
+			]
 		},
 		stylelint: {
 			all: [
-				'**/*.{css,less}',
+				'**/*.less',
 				'!node_modules/**',
-				'!vendor/**'
+				'!vendor/**',
+				'!lib/**'
 			]
 		},
-		banana: conf.MessagesDirs
+		banana: 'i18n/'
 	} );
 
 	grunt.registerTask( 'test', [ 'eslint', 'stylelint', 'banana' ] );
 	grunt.registerTask( 'default', 'test' );
+	grunt.registerTask( 'fix', function () {
+		grunt.config.set( 'eslint.options.fix', true );
+		grunt.task.run( 'eslint' );
+	} );
 };

package.json

@@ -2,15 +2,27 @@
 	"name": "SearchVue",
 	"private": true,
 	"scripts": {
-		"test": "grunt test"
+		"test": "grunt test",
+		"lint:fix": "grunt fix"
 	},
 	"devDependencies": {
+		"@babel/preset-env": "^7.16.11",
+		"@vue/compat": "3.2.23",
+		"@vue/compiler-sfc": "3.2.23",
+		"@vue/test-utils": "2.0.0-rc.18",
+		"@vue/vue3-jest": "27.0.0-alpha.4",
+		"babel-core": "^6.26.3",
 		"eslint-config-wikimedia": "0.22.1",
-		"grunt": "1.5.2",
+		"eslint-plugin-vue": "^7.7.0",
+		"grunt": "1.4.0",
 		"grunt-banana-checker": "0.9.0",
-		"grunt-eslint": "24.0.0",
-		"grunt-stylelint": "0.17.0",
-		"stylelint-config-wikimedia": "0.13.0"
+		"grunt-eslint": "23.0.0",
+		"grunt-stylelint": "0.16.0",
+		"jquery": "^3.6.0",
+		"stylelint-config-wikimedia": "0.11.0",
+		"vue": "3.2.23",
+		"vuex": "4.0.2",
+		"wikimedia-ui-base": "0.18.0"
 	},
 	"eslintIgnore": [
 		"vendor/**"