chore: add prettier and format

Author: jsun969

Diff for: .prettierignore

@@ -0,0 +1 @@
+dist

Diff for: .prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  plugins: [require.resolve('@trivago/prettier-plugin-sort-imports')],
+};

Diff for: example/src/App.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import './App.css';
 import Form1 from './components/Form1';
 import Form2 from './components/Form2';
+import React from 'react';
 
 const App: React.FC = () => {
   return (

Diff for: example/src/components/Form1.tsx

@@ -1,6 +1,6 @@
+import { useWindowControls } from '../hooks/useWindowControls';
 import React from 'react';
 import { useForm } from 'react-hook-form';
-import { useWindowControls } from '../hooks/useWindowControls';
 
 const Form1: React.FC = () => {
   const {

Diff for: example/src/components/Form2.tsx

@@ -1,6 +1,6 @@
+import { useWindowControls } from '../hooks/useWindowControls';
 import React from 'react';
 import { useForm } from 'react-hook-form';
-import { useWindowControls } from '../hooks/useWindowControls';
 
 const Form2: React.FC = () => {
   const {

Diff for: example/src/hooks/useWindowControls.ts

@@ -2,7 +2,7 @@ import { useDeepCompareEffect } from 'ahooks';
 import { Control, FieldValues } from 'react-hook-form';
 
 export function useWindowControls<
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 >(id: string, control: Control<TFieldValues>) {
   useDeepCompareEffect(() => {
     window.__RHF_DEVTOOLS_CONTROLS__[id] = control;

Diff for: example/src/main.tsx

@@ -1,11 +1,11 @@
+import App from './App';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App';
 
 window.__RHF_DEVTOOLS_CONTROLS__ = {};
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );

Diff for: example/vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()]
-})
+  plugins: [react()],
+});

Diff for: package.json

@@ -0,0 +1,16 @@
+{
+  "name": "rhf-devtools-extension",
+  "version": "0.0.0",
+  "main": "src/devtools.tsx",
+  "scripts": {
+    "dev": "",
+    "build": "",
+    "format": "prettier --write \"**/*.{js,ts,tsx}\""
+  },
+  "author": "Justin Sun",
+  "license": "MIT",
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^3.2.0",
+    "prettier": "^2.7.1"
+  }
+}