fix: eslint to find top dir

web/.eslintrc.json

@@ -1,4 +1,5 @@
 {
+  "root": true,
   "extends": [
     "next",
     "@antfu"
@@ -27,4 +28,4 @@
     "react-hooks/exhaustive-deps": "warn",
     "react/display-name": "warn"
   }
-}
+}

web/app/(commonLayout)/plugins/page.tsx

@@ -1,8 +1,17 @@
 import Container from './Container'
+import ListItem from '@/app/components/plugins/list-item-for-test'
 
 const PluginList = async () => {
+  const mockList = ['Plugin 1', 'Plugin 2', 'Plugin 3']
   return (
-    <Container />
+    <>
+      <Container />
+      <div>
+        {mockList.map(item => (
+          <ListItem key={item} text={item} />
+        ))}
+      </div>
+    </>
   )
 }
 

web/app/components/plugins/list-item-for-test.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+type ListItemProps = {
+  text: string
+}
+
+const ListItem: React.FC<ListItemProps> = ({ text }) => {
+  return (
+    <div>
+      <p>{text}</p>
+    </div>
+  )
+}
+
+export default ListItem

web/tailwind.config.js

@@ -1,6 +1,6 @@
-/** @type {import('tailwindcss').Config} */
-import commonConfig from './tailwind.common.config';
-module.exports = {
+// import type { Config } from 'tailwindcss'
+import commonConfig from './tailwind-common-config'
+const config = {
   content: [
     './app/**/*.{js,ts,jsx,tsx}',
     './components/**/*.{js,ts,jsx,tsx}',
@@ -8,3 +8,5 @@ module.exports = {
   ],
   ...commonConfig,
 }
+
+export default config