chore: explictly import import-sorter plugin and re-run prettier on project

ilyvion · ilyvion · commit 62a0ba2241a3 · 2023-09-10T10:11:55.000+02:00
Apparently the implicit loading of the plugin broke when we updated our
npm packages a while back
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -5,5 +5,6 @@
     "singleQuote": true,
     "importOrder": ["\\.css$", "^@", "^~", "^[./]"],
     "importOrderSeparation": true,
-    "importOrderSortSpecifiers": true
+    "importOrderSortSpecifiers": true,
+    "plugins": ["@trivago/prettier-plugin-sort-imports"]
 }
diff --git a/public/index.html b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
     <head>
         <meta charset="utf-8" />
diff --git a/src/components/ComicDetailsPanel/ItemNavigation/ItemNavigation.tsx b/src/components/ComicDetailsPanel/ItemNavigation/ItemNavigation.tsx
@@ -4,11 +4,11 @@ import InlineSpinner from '@components/InlineSpinner'
 import NavElement, { NavElementMode } from '@components/NavElement/NavElement'
 import Spinner from '@components/Spinner'
 import useItemNavigationDataByType from '@hooks/useItemNavigationDataByType'
+import { ComicId } from '@models/ComicId'
 import { HydratedItemNavigationData } from '@models/HydratedItemData'
 import { ItemId } from '@models/ItemId'
 
 import { PickEnum } from '~/tsUtils'
-import { ComicId } from '@models/ComicId'
 
 export default function ItemNavigation({
     itemNavigationData,
diff --git a/src/components/ItemDetailsDialog/ItemDetailsDialog.stories.tsx b/src/components/ItemDetailsDialog/ItemDetailsDialog.stories.tsx
@@ -18,8 +18,8 @@ import {
 } from '~/mocks'
 import Settings from '~/settings'
 
-import ItemDetailsDialog from './ItemDetailsDialog'
 import { FAYE_COMICS } from '../../mocks'
+import ItemDetailsDialog from './ItemDetailsDialog'
 
 const fayeImage: any = require('./4.png')
 
diff --git a/src/components/ItemDetailsDialog/ItemDetailsDialog.tsx b/src/components/ItemDetailsDialog/ItemDetailsDialog.tsx
@@ -5,6 +5,7 @@ import { PaddedButton } from '@components/Button'
 import EditLogPanel from '@components/EditLogDialog/EditLogPanel/EditLogPanel'
 import Pagination from '@components/EditLogDialog/Pagination/Pagination'
 import CollapsibleDetails from '@components/GoToComicDialog/CollapsibleDetails/CollapsibleDetails'
+import ComicList from '@components/GoToComicDialog/ComicList/ComicList'
 import useHydratedItemData from '@hooks/useHydratedItemData'
 import ModalDialog from '@modals/ModalDialog/ModalDialog'
 import { Item } from '@models/Item'
@@ -33,7 +34,6 @@ import { AppDispatch, RootState } from '@store/store'
 import constants from '~/constants'
 
 import ItemDataPanel from './ItemDataPanel/ItemDataPanel'
-import ComicList from '@components/GoToComicDialog/ComicList/ComicList'
 
 const mapState = (state: RootState) => {
     return {
diff --git a/src/components/Modals/ModalPageOverlay/ModalPageOverlay.module.css b/src/components/Modals/ModalPageOverlay/ModalPageOverlay.module.css
@@ -10,7 +10,7 @@
 @property --tw-backdrop-blur {
     syntax: '<length>';
     inherits: false;
-    initial-value: ;
+    initial-value:;
 }
 
 @keyframes fade-in {
diff --git a/src/hooks/useHydratedItemData.ts b/src/hooks/useHydratedItemData.ts
@@ -47,7 +47,7 @@ export default function useHydratedItemData(
     const [hydratedComicItemData, hydratedAllItemData] = useMemo<
         [
             HydratedItemNavigationData[] | undefined,
-            HydratedItemNavigationData[] | undefined
+            HydratedItemNavigationData[] | undefined,
         ]
     >(() => {
         if (itemData && comicData) {

Original file line number	Diff line number	Diff line change
`@@ -5,5 +5,6 @@`
`5`	`5`	`"singleQuote": true,`
`6`	`6`	`"importOrder": ["\\.css$", "^@", "^~", "^[./]"],`
`7`	`7`	`"importOrderSeparation": true,`
`8`		`- "importOrderSortSpecifiers": true`
	`8`	`+ "importOrderSortSpecifiers": true,`
	`9`	`+ "plugins": ["@trivago/prettier-plugin-sort-imports"]`
`9`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<!DOCTYPE html>`
	`1`	`+<!doctype html>`
`2`	`2`	`<html lang="en">`
`3`	`3`	`<head>`
`4`	`4`	`<meta charset="utf-8" />`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`@property --tw-backdrop-blur {`
`11`	`11`	`syntax: '<length>';`
`12`	`12`	`inherits: false;`
`13`		`- initial-value: ;`
	`13`	`+ initial-value:;`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`@keyframes fade-in {`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ export default function useHydratedItemData(`
`47`	`47`	`const [hydratedComicItemData, hydratedAllItemData] = useMemo<`
`48`	`48`	`[`
`49`	`49`	`HydratedItemNavigationData[] \| undefined,`
`50`		`- HydratedItemNavigationData[] \| undefined`
	`50`	`+ HydratedItemNavigationData[] \| undefined,`
`51`	`51`	`]`
`52`	`52`	`>(() => {`
`53`	`53`	`if (itemData && comicData) {`