Fix eslint warnings

ngeenx · Oct 1, 2024 · 4b45028 · 4b45028
1 parent a20f62a
commit 4b45028
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 10 deletions.
diff --git a/apps/react-app/src/app/app.tsx b/apps/react-app/src/app/app.tsx
@@ -24,13 +24,13 @@ export function App() {
     <main>
       <header>React SVG Loaders</header>
 
-      {loaderTypes.map((loaderType, index) => (
-        <section key={index}>
+      {loaderTypes.map((loaderType) => (
+        <section key={loaderType}>
           <h1>{loaderType} Loaders</h1>
 
           <div>
-            {sizes.map((size, sizeIndex) => (
-              <React.Fragment key={sizeIndex}>
+            {sizes.map((size) => (
+              <React.Fragment key={size}>
                 {loaderType === 'Audio' && (
                   <NxAudioLoader isLoading={true} size={size} />
                 )}

diff --git a/apps/react-app/tailwind.config.js b/apps/react-app/tailwind.config.js
@@ -1,9 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [],
+  content: ['./src/**/*.{ts,tsx}'],
   theme: {
     extend: {},
   },
   plugins: [],
-}
-
+};
diff --git a/apps/react-app/vite.config.ts b/apps/react-app/vite.config.ts
@@ -33,4 +33,12 @@ export default defineConfig({
       transformMixedEsModules: true,
     },
   },
+
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern",
+      },
+    },
+  },
 });
diff --git a/apps/svelte-app/vite.config.ts b/apps/svelte-app/vite.config.ts
@@ -39,4 +39,12 @@ export default defineConfig({
     environment: "jsdom",
     include: ["src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
   },
+
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern",
+      },
+    },
+  },
 });
diff --git a/apps/vue-app/src/app/App.vue b/apps/vue-app/src/app/App.vue
@@ -154,5 +154,5 @@ export default {
 </script>
 
 <style scoped>
-@import './../../libs/utils/nx-svg-shared-utils/src/styles/app.component.scss';
+@import './../../../../libs/utils/nx-svg-shared-utils/src/styles/app.component.scss';
 </style>
diff --git a/apps/vue-app/vite.config.ts b/apps/vue-app/vite.config.ts
@@ -46,4 +46,12 @@ export default defineConfig({
       provider: "v8",
     },
   },
+
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern",
+      },
+    },
+  },
 });
diff --git a/libs/utils/nx-svg-shared-utils/src/styles/app.component.scss b/libs/utils/nx-svg-shared-utils/src/styles/app.component.scss
@@ -7,7 +7,7 @@ main {
   }
 
   section {
-    @apply flex flex-col gap-y-3 border-[1.5px] border-dashed
+    @apply flex flex-col gap-y-3 border-[1.5px] border-dashed px-3 pt-3
         border-gray-400/60 p-2 rounded-lg text-center
         transition-all duration-200 ease-in-out;
 
@@ -20,7 +20,7 @@ main {
     }
 
     div {
-      @apply flex flex-row gap-3 items-center;
+      @apply flex flex-row h-full gap-3 items-center;
     }
   }
 }