chore: use wordpress eslint plugin

- install wordpress eslint plugin
- use recommended WP rules (minus formatting)
- include type definitions in generator

.eslintrc

@@ -8,7 +8,13 @@
 		"sourceType": "module",
 		"ecmaVersion": "latest"
 	},
-	"extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended", "prettier"],
+	"extends": [
+		"eslint:recommended",
+		"plugin:react/recommended",
+		"plugin:react-hooks/recommended",
+		"plugin:@wordpress/eslint-plugin/recommended-with-formatting",
+		"prettier"
+	],
 	"settings": {
 		"react": {
 			"version": "^18.2.0"

generators/custom-block.js

@@ -26,7 +26,9 @@ const getBlockJsonTemplate = ({ pluginSlug, slugName, name, description, hasView
 }
 `;
 
-const getEditJSTemplate = ({ name }) => `/**
+const getEditJSTemplate = ({ name }) => `/** @typedef {import('@wordpress/element').WPElement} WPElement */
+
+/**
  * React hook that is used to mark the block wrapper element.
  * It provides all the necessary props like the class name.
  *
@@ -107,7 +109,9 @@ registerBlockType(metadata.name, {
 });
 `;
 
-const getSaveJSTemplate = ({ name }) => `/**
+const getSaveJSTemplate = ({ name }) => `/** @typedef {import('@wordpress/element').WPElement} WPElement */
+
+/**
  * React hook that is used to mark the block wrapper element.
  * It provides all the necessary props like the class name.
  *

package.json

@@ -56,6 +56,7 @@
     "@testing-library/dom": "^9.3.3",
     "@testing-library/jest-dom": "^6.1.4",
     "@vitest/coverage-istanbul": "^0.34.6",
+    "@wordpress/eslint-plugin": "^17.1.0",
     "@wordpress/scripts": "^26.15.0",
     "autoprefixer": "^10.4.16",
     "check-node-version": "^4.2.1",