chore: eslint updates to the tailwind example (#6377)

minor updates to eslint rules in tailwind example
payloadcms · May 16, 2024 · 3456b5f · 3456b5f
1 parent d053778
commit 3456b5f
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 3 deletions.
diff --git a/examples/tailwind-shadcn-ui/.eslintrc.cjs b/examples/tailwind-shadcn-ui/.eslintrc.cjs
@@ -1,7 +1,29 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
+  extends: ['plugin:@next/next/core-web-vitals', '@payloadcms'],
+  ignorePatterns: ['**/payload-types.ts'],
+  overrides: [
+    {
+      extends: ['plugin:@typescript-eslint/disable-type-checked'],
+      files: ['*.js', '*.cjs', '*.json', '*.md', '*.yml', '*.yaml'],
+    },
+    {
+      files: ['./src/**/*.ts', './src/**/*.tsx'],
+      rules: {
+        'no-restricted-exports': 'off',
+        'perfectionist/sort-jsx-props': 'warn',
+        'perfectionist/sort-objects': 'warn',
+        'perfectionist/sort-named-exports': 'warn',
+        'jsx-a11y/heading-has-content': 'warn',
+        'jsx-a11y/html-has-lang': 'warn',
+        'perfectionist/sort-imports': 'warn',
+        'perfectionist/sort-named-imports': 'warn',
+      },
+    },
+  ],
   parserOptions: {
     project: ['./tsconfig.json'],
     tsconfigRootDir: __dirname,
   },
+  root: true,
 }
diff --git a/examples/tailwind-shadcn-ui/src/app/(app)/layout.tsx b/examples/tailwind-shadcn-ui/src/app/(app)/layout.tsx
@@ -1,6 +1,8 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
+
 import { cn } from '@/lib/utils'
 import { Inter as FontSans } from 'next/font/google'
+import React from 'react'
 
 type LayoutProps = {
   children: ReactNode
@@ -15,7 +17,7 @@ const fontSans = FontSans({
 
 const Layout = ({ children }: LayoutProps) => {
   return (
-    <html>
+    <html lang="en">
       <body className={cn('min-h-screen bg-background font-sans antialiased', fontSans.variable)}>
         {children}
       </body>

diff --git a/examples/tailwind-shadcn-ui/src/app/(app)/page.tsx b/examples/tailwind-shadcn-ui/src/app/(app)/page.tsx
@@ -1,4 +1,6 @@
-import { NextPage } from 'next'
+import type { NextPage } from 'next'
+
+import React from 'react'
 
 const Page: NextPage = () => {
   return (