Align the prettier configuration with WP (#549)

.prettierrc.js

@@ -1,6 +1,4 @@
-module.exports = {
-	useTabs: true,
-	tabWidth: 4,
-	singleQuote: true,
-	trailingComma: 'all',
-};
+// Import the default config file and expose it in the project root.
+// Useful for editor integrations.
+module.exports = require('@wordpress/prettier-config');
+module.exports.printWidth = 120;

packages/themes/block-theme/templates/404.html

@@ -6,10 +6,7 @@
 	<h1 class="wp-block-heading" id="page-not-found">Page Not Found</h1>
 	<!-- /wp:heading -->
 	<!-- wp:paragraph -->
-	<p>
-		The page you are looking for does not exist, or it has been moved.
-		Please try searching using the form below.
-	</p>
+	<p>The page you are looking for does not exist, or it has been moved. Please try searching using the form below.</p>
 	<!-- /wp:paragraph -->
 
 	<!-- wp:search /-->

webpack.config.js

@@ -14,11 +14,7 @@ module.exports = {
 	...scriptConfig,
 	plugins: [
 		...scriptConfig.plugins.filter(
-			(plugin) =>
-				![
-					'DependencyExtractionWebpackPlugin',
-					'BrowserSyncPlugin',
-				].includes(plugin.constructor.name),
+			(plugin) => !['DependencyExtractionWebpackPlugin', 'BrowserSyncPlugin'].includes(plugin.constructor.name)
 		),
 		new DependencyExtractionWebpackPlugin({
 			injectPolyfill: true,
@@ -46,7 +42,7 @@ module.exports = {
 			},
 			{
 				reload: false,
-			},
+			}
 		),
 	],
 };