chore: release v4.0.3

Author: j7-dev

js/dist/vite-dev-server.json

@@ -1,7 +1,7 @@
 {
 	"name": "create-wp-refine-plugin",
 	"private": false,
-	"version": "4.0.2",
+	"version": "4.0.3",
 	"type": "module",
 	"scripts": {
 		"bootstrap": "yarn install && composer install --no-interaction",

package.json

@@ -3,7 +3,7 @@
  * Plugin Name:       WP Refine Plugin (DEV)
  * Plugin URI:        https://github.com/j7-dev/wp-refine-plugin
  * Description:       WP Refine Plugin is a boilerplate for creating a WordPress plugin with React, Tailwind, TypeScript, React Query v4, SCSS and Vite.
- * Version:           4.0.1
+ * Version:           4.0.3
  * Requires at least: 5.7
  * Requires PHP:      7.4
  * Author:            J7

plugin.php

@@ -1,7 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 // eslint-disable-next-line no-undef
 module.exports = {
-	important: '.tailwind',
+	// important: '.tailwind',  // you have to use tailwindcss inside a .tailwind class container, or just type true.
 	corePlugins: {
 		preflight: false,
 	},
@@ -11,10 +11,12 @@ module.exports = {
 		'./inc/assets/src/**/*.ts',
 	],
 	theme: {
-		animation: {
-			pulse: 'tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
-		},
 		extend: {
+			animation: {
+				// why need this? because elementor plugin might conflict with same animate keyframe name
+				// we override the animation name with this
+				pulse: 'tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+			},
 			screens: {
 				sm: '576px', // iphone SE
 				md: '810px', // ipad Portrait
@@ -36,7 +38,7 @@ module.exports = {
 					direction: 'rtl',
 				},
 
-				// 與 WordPress 衝突的 class
+				// classes conflicted with WordPress
 				'.tw-hidden': {
 					display: 'none',
 				},
@@ -58,6 +60,7 @@ module.exports = {
 	],
 	safelist: [],
 	blocklist: [
+		// classes conflicted with WordPress
 		'hidden',
 		'columns-1',
 		'columns-2',