chore: format

Author: github-actions[bot]

react-quill/README.md

@@ -1,6 +1,6 @@
 # Using react-quill (WYSIWYG) in Remix application
 
-In this example we are implementing a WYSIWYG editor with Quill. 
+In this example we are implementing a WYSIWYG editor with Quill.
 
 We have used react-quill as our library of choice to implement it.
 
@@ -14,7 +14,7 @@ Open this example on [CodeSandbox](https://codesandbox.com):
 
 WYSIWYG editor with react-quill
 
-Because `react-quill` uses `window` features under the hood, you should create a wrapper with [`remix-utils`](https://github.com/sergiodxa/remix-utils)' [`ClientOnly` component](https://github.com/sergiodxa/remix-utils#clientonly). 
+Because `react-quill` uses `window` features under the hood, you should create a wrapper with [`remix-utils`](https://github.com/sergiodxa/remix-utils)' [`ClientOnly` component](https://github.com/sergiodxa/remix-utils#clientonly).
 
 ## Related Links
 

react-quill/app/components/textEditor.client.tsx

@@ -2,7 +2,10 @@ import type { ComponentProps } from "react";
 import ReactQuill from "react-quill";
 
 type ReactQuillProps = ComponentProps<typeof ReactQuill>;
-type Props = Pick<ReactQuillProps, 'name' | 'onChange' | 'placeholder' | 'theme' | 'value'>;
+type Props = Pick<
+  ReactQuillProps,
+  "name" | "onChange" | "placeholder" | "theme" | "value"
+>;
 
 const toolBarOptions = {
   toolbar: [
@@ -21,7 +24,5 @@ const toolBarOptions = {
 };
 
 export function TextEditor(props: Props) {
-  return (
-      <ReactQuill {...props} modules={toolBarOptions} />
-  );
+  return <ReactQuill {...props} modules={toolBarOptions} />;
 }

react-quill/app/routes/index.tsx

@@ -1,5 +1,5 @@
 import { json } from "@remix-run/node";
-import type { ActionArgs, LinksFunction } from '@remix-run/node';
+import type { ActionArgs, LinksFunction } from "@remix-run/node";
 import { Form } from "@remix-run/react";
 import { useState } from "react";
 import stylesheetQuill from "react-quill/dist/quill.snow.css";
@@ -10,12 +10,12 @@ import { TextEditor } from "~/components/textEditor.client";
 
 export const links: LinksFunction = () => {
   return [{ rel: "stylesheet", href: stylesheetQuill }];
-}
+};
 
-export const action = async ({ request }: ActionArgs)  => {
+export const action = async ({ request }: ActionArgs) => {
   const form = await request.formData();
   const textEditorValue = form.get("textEditor");
-  return json({textEditorValue});
+  return json({ textEditorValue });
 };
 
 export default function Index() {
@@ -32,11 +32,7 @@ export default function Index() {
           />
         )}
       </ClientOnly>
-      <input
-        type="hidden"
-        name="textEditor"
-        value={textEditor}
-      />
+      <input type="hidden" name="textEditor" value={textEditor} />
       <br />
       <button type="submit">Submit</button>
     </Form>