enable more lint rules

ada-url · Nov 12, 2024 · 56126c6 · 56126c6
1 parent c671fc0
commit 56126c6
Show file tree

Hide file tree

Showing 9 changed files with 861 additions and 684 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -1,75 +1,75 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
- 
+
 @layer base {
   :root {
     --background: 0 0% 100%;
     --foreground: 222.2 47.4% 11.2%;
- 
+
     --muted: 210 40% 96.1%;
     --muted-foreground: 215.4 16.3% 46.9%;
- 
+
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 47.4% 11.2%;
- 
+
     --card: 0 0% 100%;
     --card-foreground: 222.2 47.4% 11.2%;
- 
+
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
- 
+
     --primary: 222.2 47.4% 11.2%;
     --primary-foreground: 210 40% 98%;
- 
+
     --secondary: 210 40% 96.1%;
     --secondary-foreground: 222.2 47.4% 11.2%;
- 
+
     --accent: 210 40% 96.1%;
     --accent-foreground: 222.2 47.4% 11.2%;
- 
+
     --destructive: 0 100% 50%;
     --destructive-foreground: 210 40% 98%;
- 
+
     --ring: 215 20.2% 65.1%;
- 
+
     --radius: 0.5rem;
   }
- 
+
   .dark {
     --background: 224 71% 4%;
     --foreground: 213 31% 91%;
- 
+
     --muted: 223 47% 11%;
     --muted-foreground: 215.4 16.3% 56.9%;
- 
+
     --popover: 224 71% 4%;
     --popover-foreground: 215 20.2% 65.1%;
- 
+
     --card: 224 71% 4%;
     --card-foreground: 213 31% 91%;
- 
+
     --border: 216 34% 17%;
     --input: 216 34% 17%;
- 
+
     --primary: 210 40% 98%;
     --primary-foreground: 222.2 47.4% 1.2%;
- 
+
     --secondary: 222.2 47.4% 11.2%;
     --secondary-foreground: 210 40% 98%;
- 
+
     --accent: 216 34% 17%;
     --accent-foreground: 210 40% 98%;
- 
+
     --destructive: 0 63% 31%;
     --destructive-foreground: 210 40% 98%;
- 
+
     --ring: 216 34% 17%;
- 
+
     --radius: 0.5rem;
   }
 }
- 
+
 @layer base {
   * {
     @apply border-border;
@@ -78,4 +78,4 @@
     @apply bg-background text-foreground;
     font-feature-settings: "rlig" 1, "calt" 1;
   }
-}
+}
diff --git a/astro.config.mts b/astro.config.mts
@@ -70,7 +70,7 @@ export default defineConfig({
       components: {
         SiteTitle: './astro/components/SiteTitle.astro',
       },
-      favicon: './public/favicon-32x32.png',
+      favicon: './favicon-32x32.png',
       logo: {
         light: './astro/assets/logo-light.svg',
         dark: './astro/assets/logo-dark.svg',

diff --git a/astro/components/playground/styles/form.module.css b/astro/components/playground/styles/form.module.css
@@ -1,124 +1,124 @@
 .formContainer {
-    display: flex;
-    flex-direction: column;
-    row-gap: 1rem;
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
 }
 
 form {
-    display: flex;
-    flex-direction: column;
-    row-gap: 1rem;
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
 }
 
 form > div {
-    display: flex;
-    flex-direction: row;
-    column-gap: 1rem;
+  display: flex;
+  flex-direction: row;
+  column-gap: 1rem;
 }
 
 .loader {
-    margin-right: 0.5rem;
-    width: 1rem;
-    height: 1rem;
-    animation: spin 1s linear infinite;
+  margin-right: 0.5rem;
+  width: 1rem;
+  height: 1rem;
+  animation: spin 1s linear infinite;
 }
 
 .Button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 0.5rem;
-    font-size: var(--sl-text-sm);
-    font-weight: 600;
-    background-color: var(--sl-color-gray-1);
-    color: var(--sl-color-black);
-    height: 2.5rem;
-    width: fit-content;
-    padding-inline: 1rem;
-    outline-offset: 0.25rem;
-    border-width: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.5rem;
+  font-size: var(--sl-text-sm);
+  font-weight: 600;
+  background-color: var(--sl-color-gray-1);
+  color: var(--sl-color-black);
+  height: 2.5rem;
+  width: fit-content;
+  padding-inline: 1rem;
+  outline-offset: 0.25rem;
+  border-width: 0;
 }
 
 .Button:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .Button:disabled {
-    pointer-events: none;
-    opacity: 0.5;
+  pointer-events: none;
+  opacity: 0.5;
 }
 
 .Input {
-    display: flex;
-    width: 100%;
-    height: 2.5rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--sl-color-gray-5);
-    background-color: var(--sl-color-black);
-    padding-block: 0.5rem;
-    font-size: var(--sl-text-base);
-    color: var(--sl-color-gray-2);
-    padding-left: 0.5rem;
+  display: flex;
+  width: 100%;
+  height: 2.5rem;
+  border-radius: 0.5rem;
+  border: 1px solid var(--sl-color-gray-5);
+  background-color: var(--sl-color-black);
+  padding-block: 0.5rem;
+  font-size: var(--sl-text-base);
+  color: var(--sl-color-gray-2);
+  padding-left: 0.5rem;
 }
 
 .Input:hover {
-    border: 1px solid var(--sl-color-white);
+  border: 1px solid var(--sl-color-white);
 }
 
 .Input:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 .Label {
-    position: relative;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 0.25rem;
-    color: var(--sl-color-gray-1);
+  position: relative;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--sl-color-gray-1);
 }
 
 .Icon {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
 }
 
 .Caret {
-    width: 1rem;
-    height: 1rem;
-    inset-inline-end: 0;
+  width: 1rem;
+  height: 1rem;
+  inset-inline-end: 0;
 }
 
 .Select {
-    align-self: self-end;
-    background-color: transparent;
-    text-overflow: ellipsis;
-    color: inherit;
-    cursor: pointer;
-    appearance: none;
-    font-size: var(--sl-text-sm);
-    border: 0;
-    padding-inline: 1.25rem;
+  align-self: self-end;
+  background-color: transparent;
+  text-overflow: ellipsis;
+  color: inherit;
+  cursor: pointer;
+  appearance: none;
+  font-size: var(--sl-text-sm);
+  border: 0;
+  padding-inline: 1.25rem;
 }
 
 .Option {
-    background-color: var(--sl-color-bg-nav);
-    color: var(--sl-color-gray-1);
+  background-color: var(--sl-color-bg-nav);
+  color: var(--sl-color-gray-1);
 }
 
 @media (min-width: 50rem) {
-    .Button {
-        width: 8rem;
-    }
+  .Button {
+    width: 8rem;
+  }
 }
 @keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }