refactor(editor): Improve linting for component and prop names (no-changelog) (#8169)

packages/@n8n_io/eslint-config/frontend.js

@@ -4,7 +4,7 @@
 module.exports = {
 	plugins: ['vue'],
 
-	extends: ['plugin:vue/vue3-essential', '@vue/typescript', './base'],
+	extends: ['plugin:vue/vue3-recommended', '@vue/typescript', './base'],
 
 	env: {
 		browser: true,
@@ -37,6 +37,22 @@ module.exports = {
 		'vue/no-unused-components': 'error',
 		'vue/multi-word-component-names': 'off',
 		'@typescript-eslint/no-explicit-any': 'error',
+		'vue/component-name-in-template-casing': [
+			'error',
+			'PascalCase',
+			{
+				registeredComponentsOnly: true,
+			},
+		],
+		'vue/no-reserved-component-names': [
+			'error',
+			{
+				disallowVueBuiltInComponents: true,
+				disallowVue3BuiltInComponents: false,
+			},
+		],
+		'vue/prop-name-casing': ['error', 'camelCase'],
+		'vue/attribute-hyphenation': ['error', 'always'],
 
 		// TODO: fix these
 		'@typescript-eslint/no-unsafe-call': 'off',