style: add import sorting

philostler · Jul 26, 2024 · 6351946 · 6351946
1 parent e7ecf26
commit 6351946
Show file tree

Hide file tree

Showing 9 changed files with 358 additions and 10 deletions.
diff --git a/packages/www/.prettierrc b/packages/www/.prettierrc
@@ -1,3 +1,16 @@
 {
-  "plugins": ["prettier-plugin-packagejson"]
+  "importOrder": [
+    "<BUILTIN_MODULES>",
+    "",
+    "<THIRD_PARTY_MODULES>",
+    "",
+    "^@/",
+    "",
+    "^[.]"
+  ],
+  "importOrderTypeScriptVersion": "5.5.4",
+  "plugins": [
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-packagejson"
+  ]
 }
diff --git a/packages/www/package.json b/packages/www/package.json
@@ -20,6 +20,7 @@
     "react-dom": "18.3.1"
   },
   "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "4.3.1",
     "@types/node": "20.14.12",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",

diff --git a/packages/www/src/app/layout.tsx b/packages/www/src/app/layout.tsx
@@ -1,8 +1,10 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
+
 import "./globals.css";
-import { ReactNode } from "react";
+
 import clsx from "clsx";
+import { ReactNode } from "react";
 
 type Props = Readonly<{
   children: ReactNode;

diff --git a/packages/www/src/app/logVersion.ts b/packages/www/src/app/logVersion.ts
@@ -1,5 +1,4 @@
 import packageJson from "../../package.json";
-
 import { log } from "./log";
 
 const logVersion = () => {

diff --git a/packages/www/src/app/page.tsx b/packages/www/src/app/page.tsx
@@ -1,12 +1,14 @@
 "use client";
+
 import {
   Header,
   Links,
+  LocationSection,
   ProfilePhoto,
   TravelSection,
   WorkSection,
-  LocationSection,
 } from "@/components";
+
 import { logVersion } from "./logVersion";
 
 logVersion();

diff --git a/packages/www/src/components/Links/Links.tsx b/packages/www/src/components/Links/Links.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+
 import { LinkButton } from "./components";
 
 const Links = () => (

diff --git a/packages/www/src/components/Section/Section.tsx b/packages/www/src/components/Section/Section.tsx
@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { Tooltip } from "flowbite-react";
-import { ReactNode } from "react";
 import { Red_Hat_Display } from "next/font/google";
+import { ReactNode } from "react";
 
 type Props = {
   children: ReactNode;

diff --git a/packages/www/tailwind.config.ts b/packages/www/tailwind.config.ts
@@ -1,5 +1,5 @@
-import type { Config } from "tailwindcss";
 import flowbiteReactTailwind from "flowbite-react/tailwind";
+import type { Config } from "tailwindcss";
 
 const config: Config = {
   content: [

diff --git a/packages/www/yarn.lock b/packages/www/yarn.lock