Enqueue additional assets via block.json

These can't be enqueued via `asset.php`, and `block.json` is a more expected way to enqueue them in a block than `wp_enqueue_*()`.`

settings/settings.php

@@ -45,9 +45,6 @@ function render_custom_ui() : void {
 		return;
 	}
 
-	wp_enqueue_style( 'wp-components' );
-	wp_enqueue_script( 'zxcvbn-async' ); // Can't be enqueued via asset.php because it doesn't have a `wp-` prefix.
-
 	$user_id    = bbp_get_displayed_user_id();
 	$json_attrs = json_encode( [ 'userId' => $user_id ] );
 

settings/src/block.json

@@ -17,7 +17,7 @@
 	"textdomain": "wporg",
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
-	"script": "file:./script.js",
-	"style": "file:./style-index.css",
+	"script": [ "file:./script.js", "zxcvbn-async" ],
+	"style": [ "file:./style-index.css", "wp-components" ],
 	"render": "file:./render.php"
 }

settings/src/components/password.js

@@ -1,8 +1,11 @@
 /**
  * External dependencies
+ *
+ * window.zxcvbn is also used, but can't be enqueued via an `import` because the handle doesn't have a 'wp-'
+ * prefix. Instead, it's enqueued via `block.json`. It also can't be declared/destructured here because it's
+ * loaded asyncronously.
  */
 import { pick } from 'lodash';
-// window.zxcvbn is also used, but can't be declared here because it's loaded asyncronously.
 
 /**
  * WordPress dependencies