Merge pull request #25 from nabeel-/neh_prettier-via-eslint

Add prettier/prettier rules to .eslintrc.yml

.eslintrc.yml

@@ -16,6 +16,21 @@ rules:
     - 
       ts: never
       tsx: never
+  prettier/prettier:
+    - 2
+    -
+      arrowParens: always
+      bracketSpacing: true
+      jsxBracketSameLine: false
+      printWidth: 100
+      proseWrap: always
+      requirePragma: false
+      semi: true
+      singleQuote: true
+      tabWidth: 2
+      trailingComma: all
+      useTabs: false
+
 overrides:
   -
     extends:
@@ -34,4 +49,4 @@ overrides:
       react/react-in-jsx-scope: 0
 
       # allow ts-ignore comments
-      "@typescript-eslint/ban-ts-ignore": 0
+      "@typescript-eslint/ban-ts-ignore": 0

src/api.ts

@@ -10,7 +10,7 @@ import VerseType from '../types/VerseType';
 //   headers: {'X-Custom-Header': 'foobar'}
 // });
 
-export const fetcher = async function(input: RequestInfo, init?: RequestInit) {
+export const fetcher = async function (input: RequestInfo, init?: RequestInit) {
   const res = await fetch(input, init);
   return res.json();
 };

src/components/dls/Tabs/Tabs.tsx

@@ -30,7 +30,7 @@ const Tabs = ({ initial, children }: TabsProps) => {
   return (
     <div>
       <section role="tabpanel">
-      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role */}
+        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role */}
         <nav role="tablist">
           <TabNavList>
             {React.Children.map(children, (child, i) => {