chore: Format (#127)

* chore: Rename prettier script to avoid clashes w/ direct calls

* chore: Formatting

Author: rschristian

README.md

@@ -10,17 +10,15 @@ Any Preact component can be registered as a custom element simply by importing `
 ```javascript
 import register from 'preact-custom-element';
 
-const Greeting = ({ name = 'World' }) => (
-  <p>Hello, {name}!</p>
-);
+const Greeting = ({ name = 'World' }) => <p>Hello, {name}!</p>;
 
 register(Greeting, 'x-greeting', ['name'], { shadow: true, mode: 'open', adoptedStyleSheets: [], serializable: true });
 //          ^            ^           ^             ^               ^            ^                            ^
 //          |      HTML tag name     |       use shadow-dom        |    use adoptedStyleSheets               |
 //   Component definition      Observed attributes     Encapsulation mode for the shadow DOM tree     Root is serializable
 ```
 
-> _**\* Note:** as per the [Custom Elements specification](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name), the tag name must contain a hyphen._
+> _**Note:** as per the [Custom Elements specification](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name), the tag name must contain a hyphen._
 
 Use the new tag name in HTML, attribute keys and values will be passed in as props:
 
@@ -50,15 +48,15 @@ import register from 'preact-custom-element';
 
 // <x-greeting name="Bo"></x-greeting>
 class Greeting extends Component {
-  // Register as <x-greeting>:
-  static tagName = 'x-greeting';
+	// Register as <x-greeting>:
+	static tagName = 'x-greeting';
 
-  // Track these attributes:
-  static observedAttributes = ['name'];
+	// Track these attributes:
+	static observedAttributes = ['name'];
 
-  render({ name }) {
-    return <p>Hello, {name}!</p>;
-  }
+	render({ name }) {
+		return <p>Hello, {name}!</p>;
+	}
 }
 register(Greeting);
 ```
@@ -68,12 +66,16 @@ If no `observedAttributes` are specified, they will be inferred from the keys of
 ```js
 // Other option: use PropTypes:
 function FullName({ first, last }) {
-  return <span>{first} {last}</span>
+	return (
+		<span>
+			{first} {last}
+		</span>
+	);
 }
 
 FullName.propTypes = {
-  first: Object,   // you can use PropTypes, or this
-  last: Object     // trick to define untyped props.
+	first: Object, // you can use PropTypes, or this
+	last: Object,  // trick to define untyped props.
 };
 
 register(FullName, 'full-name');
@@ -87,21 +89,21 @@ When using shadow DOM, you can make use of named `<slot>` elements in your compo
 
 ```jsx
 function TextSection({ heading, content }) {
-    return (
-        <div>
-            <h2>{heading}</h2>
-            <p>{content}</p>
-        </div>
-    );
+	return (
+		<div>
+			<h2>{heading}</h2>
+			<p>{content}</p>
+		</div>
+	);
 }
 
 register(TextSelection, 'text-selection', [], { shadow: true });
 ```
 
 ```html
 <text-section>
-    <span slot="heading">My Heading</span>
-    <span slot="content">Some content goes here.</span>
+	<span slot="heading">My Heading</span>
+	<span slot="content">Some content goes here.</span>
 </text-section>
 ```
 

jsconfig.json

@@ -1,14 +1,14 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "NodeNext",
-    "moduleResolution": "Node",
-    "noEmit": true,
-    "allowJs": true,
-    "checkJs": true,
-    "skipLibCheck": false,
-    "jsx": "react",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-  }
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "NodeNext",
+		"moduleResolution": "Node",
+		"noEmit": true,
+		"allowJs": true,
+		"checkJs": true,
+		"skipLibCheck": false,
+		"jsx": "react",
+		"jsxFactory": "h",
+		"jsxFragmentFactory": "Fragment"
+	}
 }

package.json

@@ -10,11 +10,11 @@
 	"scripts": {
 		"prepare": "npx simple-git-hooks",
 		"build": "microbundle -f cjs,es,umd --no-generateTypes",
-		"lint": "eslint src/*.js",
 		"test": "npm run test:types & npm run test:browser",
 		"test:browser": "wtr test/browser/*.test.{js,jsx}",
 		"test:types": "tsc -p test/types/",
-		"prettier": "prettier **/*.{js,jsx} --write",
+		"lint": "eslint src/*.js",
+		"format": "prettier --write --ignore-path .gitignore '!README.md' .",
 		"prepublishOnly": "npm run build && npm run lint && npm run test"
 	},
 	"eslintConfig": {
@@ -24,7 +24,10 @@
 				"version": "16.8"
 			}
 		},
-		"ignorePatterns": ["*.ts", "*.tsx"],
+		"ignorePatterns": [
+			"*.ts",
+			"*.tsx"
+		],
 		"rules": {
 			"brace-style": "off",
 			"jest/expect-expect": "off",

test/types/tsconfig.json

@@ -1,12 +1,12 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "jsx": "react",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-  },
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"noEmit": true,
+		"skipLibCheck": true,
+		"jsx": "react",
+		"jsxFactory": "h",
+		"jsxFragmentFactory": "Fragment"
+	}
 }