依存モジュールを並び替える

Author: Panda-Program-Web

.eslintrc.js

@@ -61,7 +61,6 @@ module.exports = {
       },
     ],
     'import/no-unresolved': 'off',
-    'import/order': 'off',
     'react/prop-types': ['off'],
     // windowやlocationを使えなくなるためoff
     'no-restricted-globals': 'off',
@@ -86,5 +85,16 @@ module.exports = {
     'no-use-before-define': 'off',
     // TypeScriptのconstructorのfieldは空でOK
     'no-useless-constructor': 'off',
+    // 依存モジュールを並び替える
+    'sort-imports': ['error', { ignoreDeclarationSort: true }],
+    'import/order': [
+      'error',
+      {
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: false,
+        },
+      },
+    ],
   },
 }

package.json

@@ -6,7 +6,7 @@
     "build": "next build",
     "start": "next start",
     "test": "jest",
-    "fix": "prettier --write '/**/*.{js,jsx,ts,tsx}'",
+    "fix": "prettier --write './**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint . --cache --fix",
     "storybook": "start-storybook",
     "build-storybook": "build-storybook -p 6006"

src/components/__tests__/Greeting.test.tsx

@@ -1,6 +1,7 @@
 import '@testing-library/jest-dom'
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
+
 import Greeting from '../Greeting'
 
 describe('Greeting', () => {