[Prettier] importのソートをするプラグインを導入 (#61)

.prettierrc

@@ -1,3 +1,31 @@
 {
-  "plugins": ["prettier-plugin-tailwindcss"]
+  "plugins": [
+    "prettier-plugin-tailwindcss",
+    "@ianvs/prettier-plugin-sort-imports"
+  ],
+  "importOrder": [
+    "<BUILTIN_MODULES>",
+    "",
+    "<THIRD_PARTY_MODULES>",
+    "",
+    "^[~]",
+    "",
+    "^[.]"
+  ],
+  "overrides": [
+    {
+      "files": "**/*.test.ts",
+      "options": {
+        "importOrder": [
+          "^vitest",
+          "",
+          "<THIRD_PARTY_MODULES>",
+          "",
+          "^[~]",
+          "",
+          "^[.]"
+        ]
+      }
+    }
+  ]
 }

package.json

@@ -35,6 +35,7 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@remix-run/dev": "^2.11.0",
     "@types/lodash": "^4.17.7",
     "@types/react": "^18.2.20",