Add prettier and autoformat hook

Test hook

Test hook and add readme

Test hook

Test hook

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx pretty-quick --staged

.prettierignore

@@ -0,0 +1,4 @@
+.solid
+dist
+pnpm-lock.yaml
+*.min.*

.prettierrc.json

@@ -0,0 +1 @@
+{}

README.md

@@ -0,0 +1,11 @@
+# Solid Docs
+
+Working repo for solid docs
+
+# Prettier
+
+To minimize diffs, this repo uses the default prettier config. To enable autoformatting pre-commit, run the following command:
+
+```bash
+npx husky install
+```

package.json

@@ -16,6 +16,9 @@
     "@mdx-js/rollup": "^2.0.0",
     "@types/bad-words": "^3.0.1",
     "bad-words": "^3.0.4",
+    "husky": "^7.0.4",
+    "prettier": "2.6.2",
+    "pretty-quick": "^3.1.3",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-raw": "^6.1.1",
     "rehype-slug": "^5.0.1",

src/code.css

@@ -22,8 +22,8 @@ code,
 kbd,
 pre,
 samp {
-  font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    Liberation Mono, Courier New, monospace;
+  font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco,
+    Consolas, Liberation Mono, Courier New, monospace;
 }
 
 code {

src/components/ApiSection.tsx

@@ -1,7 +1,9 @@
 import { Component, JSX } from "solid-js";
 import md from "~/md";
 
-const ApiSection: Component<{ name: string; description: JSX.Element; }> = props => {
+const ApiSection: Component<{ name: string; description: JSX.Element }> = (
+  props
+) => {
   return (
     <section class="bg-gray-100 border-2 shadow-lg p-2 my-4 rounded-lg">
       <md.h2>{props.name}</md.h2>