chore: fixing lint

ServerlessDays · Jun 2, 2024 · ed0879a · ed0879a
1 parent 82eb748
commit ed0879a
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 98 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    autoprefixer: {}
+  }
+};
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,93 +1,95 @@
-import defaultTheme from "tailwindcss/defaultTheme";
-import colors from "tailwindcss/colors";
-import { default as flattenColorPalette } from "tailwindcss/lib/util/flattenColorPalette";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import defaultTheme from 'tailwindcss/defaultTheme';
+import colors from 'tailwindcss/colors';
+// eslint-disable-next-line import/no-named-default
+import { default as flattenColorPalette } from 'tailwindcss/lib/util/flattenColorPalette';
 /** @type {import('tailwindcss').Config} */
-export const darkMode = ["class"];
+export const darkMode = ['class'];
 export const content = [
-	"./pages/**/*.{ts,tsx}",
-	"./components/**/*.{ts,tsx}",
-	"./app/**/*.{ts,tsx}",
-	"./src/**/*.{ts,tsx}",
+  './pages/**/*.{ts,tsx}',
+  './components/**/*.{ts,tsx}',
+  './app/**/*.{ts,tsx}',
+  './src/**/*.{ts,tsx}'
 ];
-export const prefix = "";
+export const prefix = '';
 export const theme = {
-	container: {
-		center: true,
-		padding: "2rem",
-		screens: {
-			"2xl": "1400px",
-		},
-	},
-	extend: {
-		colors: {
-			border: "hsl(var(--border))",
-			input: "hsl(var(--input))",
-			ring: "hsl(var(--ring))",
-			background: "hsl(var(--background))",
-			foreground: "hsl(var(--foreground))",
-			primary: {
-				DEFAULT: "hsl(var(--primary))",
-				foreground: "hsl(var(--primary-foreground))",
-			},
-			secondary: {
-				DEFAULT: "hsl(var(--secondary))",
-				foreground: "hsl(var(--secondary-foreground))",
-			},
-			destructive: {
-				DEFAULT: "hsl(var(--destructive))",
-				foreground: "hsl(var(--destructive-foreground))",
-			},
-			muted: {
-				DEFAULT: "hsl(var(--muted))",
-				foreground: "hsl(var(--muted-foreground))",
-			},
-			accent: {
-				DEFAULT: "hsl(var(--accent))",
-				foreground: "hsl(var(--accent-foreground))",
-			},
-			popover: {
-				DEFAULT: "hsl(var(--popover))",
-				foreground: "hsl(var(--popover-foreground))",
-			},
-			card: {
-				DEFAULT: "hsl(var(--card))",
-				foreground: "hsl(var(--card-foreground))",
-			},
-		},
-		borderRadius: {
-			lg: "var(--radius)",
-			md: "calc(var(--radius) - 2px)",
-			sm: "calc(var(--radius) - 4px)",
-		},
-		keyframes: {
-			"scroll": {
-				to: {
-					transform: "translate(calc(-50% - 0.5rem))",
-				},
-			},
-			"accordion-down": {
-				from: { height: "0" },
-				to: { height: "var(--radix-accordion-content-height)" },
-			},
-			"accordion-up": {
-				from: { height: "var(--radix-accordion-content-height)" },
-				to: { height: "0" },
-			},
-		},
-		animation: {
-			"scroll": "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite",
-			"accordion-down": "accordion-down 0.2s ease-out",
-			"accordion-up": "accordion-up 0.2s ease-out",
-		},
-	},
+  container: {
+    center: true,
+    padding: '2rem',
+    screens: {
+      '2xl': '1400px'
+    }
+  },
+  extend: {
+    colors: {
+      border: 'hsl(var(--border))',
+      input: 'hsl(var(--input))',
+      ring: 'hsl(var(--ring))',
+      background: 'hsl(var(--background))',
+      foreground: 'hsl(var(--foreground))',
+      primary: {
+        DEFAULT: 'hsl(var(--primary))',
+        foreground: 'hsl(var(--primary-foreground))'
+      },
+      secondary: {
+        DEFAULT: 'hsl(var(--secondary))',
+        foreground: 'hsl(var(--secondary-foreground))'
+      },
+      destructive: {
+        DEFAULT: 'hsl(var(--destructive))',
+        foreground: 'hsl(var(--destructive-foreground))'
+      },
+      muted: {
+        DEFAULT: 'hsl(var(--muted))',
+        foreground: 'hsl(var(--muted-foreground))'
+      },
+      accent: {
+        DEFAULT: 'hsl(var(--accent))',
+        foreground: 'hsl(var(--accent-foreground))'
+      },
+      popover: {
+        DEFAULT: 'hsl(var(--popover))',
+        foreground: 'hsl(var(--popover-foreground))'
+      },
+      card: {
+        DEFAULT: 'hsl(var(--card))',
+        foreground: 'hsl(var(--card-foreground))'
+      }
+    },
+    borderRadius: {
+      lg: 'var(--radius)',
+      md: 'calc(var(--radius) - 2px)',
+      sm: 'calc(var(--radius) - 4px)'
+    },
+    keyframes: {
+      scroll: {
+        to: {
+          transform: 'translate(calc(-50% - 0.5rem))'
+        }
+      },
+      'accordion-down': {
+        from: { height: '0' },
+        to: { height: 'var(--radix-accordion-content-height)' }
+      },
+      'accordion-up': {
+        from: { height: 'var(--radix-accordion-content-height)' },
+        to: { height: '0' }
+      }
+    },
+    animation: {
+      scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite',
+      'accordion-down': 'accordion-down 0.2s ease-out',
+      'accordion-up': 'accordion-up 0.2s ease-out'
+    }
+  }
 };
-export const plugins = [require("tailwindcss-animate"), addVariablesForColors];
+export const plugins = [require('tailwindcss-animate'), addVariablesForColors];
 
-function addVariablesForColors({ addBase, theme }: any) {
-	let allColors = flattenColorPalette(theme("colors"));
-	let newVars = Object.fromEntries(Object.entries(allColors).map(([key, val]) => [`--${key}`, val]));
+function addVariablesForColors({ addBase, theme }) {
+  const allColors = flattenColorPalette(theme('colors'));
+  const newVars = Object.fromEntries(Object.entries(allColors).map(([key, val]) => [`--${key}`, val]));
 
-	addBase({
-		":root": newVars,
-	});
+  addBase({
+    ':root': newVars
+  });
 }
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,14 +1,14 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [react()],
+  plugins: [react()],
   base: '',
-	resolve: {
-		alias: {
-			"@": path.resolve(__dirname, "./src"),
-		},
-	},
-});
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src')
+    }
+  }
+});