linting

Author: Ciphrox

public/assets/json/family.json

@@ -432,9 +432,7 @@
       "hi": "",
       "en": ""
     },
-    "Surnames": [
-      {}
-    ]
+    "Surnames": [{}]
   },
   {
     "id": 9,
@@ -454,9 +452,7 @@
       "hi": "",
       "en": ""
     },
-    "Surnames": [
-      {}
-    ]
+    "Surnames": [{}]
   },
   {
     "id": 10,
@@ -476,9 +472,7 @@
       "hi": "",
       "en": ""
     },
-    "Surnames": [
-      {}
-    ]
+    "Surnames": [{}]
   },
   {
     "id": 11,
@@ -1030,9 +1024,7 @@
       "hi": "",
       "en": ""
     },
-    "Surnames": [
-      {}
-    ]
+    "Surnames": [{}]
   },
   {
     "id": 29,
@@ -1077,9 +1069,7 @@
       "hi": "",
       "en": ""
     },
-    "Surnames": [
-      {}
-    ]
+    "Surnames": [{}]
   },
   {
     "id": 31,
@@ -4175,4 +4165,4 @@
       }
     ]
   }
-]
+]

src/assets/styles/card.css

@@ -122,7 +122,7 @@
   }
 
   & .back {
-    background: #F0A93B url("/icons/arrow.svg") center/60% no-repeat;
+    background: #f0a93b url("/icons/arrow.svg") center/60% no-repeat;
     filter: invert(1);
     transform: rotate(-135deg);
     width: 2.2rem;
@@ -307,7 +307,9 @@
     color: var(--highlight-text);
     padding: 0.25em 0.75em;
     border-radius: 0.5em;
-    transition: background 0.3s ease, color 0.3s ease;
+    transition:
+      background 0.3s ease,
+      color 0.3s ease;
   }
 }
 
@@ -377,7 +379,7 @@
       margin: 1em;
     }
 
-    & .surname-card>p {
+    & .surname-card > p {
       text-align: left;
     }
 
@@ -408,4 +410,4 @@
       font-size: 0.9em;
     }
   }
-}
+}

src/assets/styles/dialog.css

@@ -118,4 +118,4 @@ dialog[closing]::backdrop {
   to {
     background: rgba(0, 0, 0, 0);
   }
-}
+}

src/assets/styles/english.css

@@ -17,4 +17,4 @@
   padding: 0;
   color: var(--letter__txt--2);
   transition: color 0.5s ease-in;
-}
+}

src/assets/styles/menu.css

@@ -8,25 +8,27 @@
     --header-height: 80px;
     --sidebar-width: 16ch;
     --timing: 0.42s;
-    --ease: linear(0 0%,
-        0.0036 9.62%,
-        0.0185 16.66%,
-        0.0489 23.03%,
-        0.0962 28.86%,
-        0.1705 34.93%,
-        0.269 40.66%,
-        0.3867 45.89%,
-        0.5833 52.95%,
-        0.683 57.05%,
-        0.7829 62.14%,
-        0.8621 67.46%,
-        0.8991 70.68%,
-        0.9299 74.03%,
-        0.9545 77.52%,
-        0.9735 81.21%,
-        0.9865 85%,
-        0.9949 89.15%,
-        1 100%);
+    --ease: linear(
+      0 0%,
+      0.0036 9.62%,
+      0.0185 16.66%,
+      0.0489 23.03%,
+      0.0962 28.86%,
+      0.1705 34.93%,
+      0.269 40.66%,
+      0.3867 45.89%,
+      0.5833 52.95%,
+      0.683 57.05%,
+      0.7829 62.14%,
+      0.8621 67.46%,
+      0.8991 70.68%,
+      0.9299 74.03%,
+      0.9545 77.52%,
+      0.9735 81.21%,
+      0.9865 85%,
+      0.9949 89.15%,
+      1 100%
+    );
     --sidebar-collapsed: 4rem;
     --sidebar-expanded: 16ch;
     --icon-size: 1.5rem;
@@ -512,4 +514,4 @@
   [data-theme="system"] [popover] .nav--list__item:hover a {
     color: var(--primary);
   }
-}
+}

src/assets/styles/panel.css

@@ -61,7 +61,7 @@
     color: white;
   }
 
-  & input[type="radio"]:focus-visible+.icon {
+  & input[type="radio"]:focus-visible + .icon {
     outline: 2px solid var(--primary);
     outline-offset: 2px;
     position: absolute;
@@ -79,7 +79,7 @@
     display: none;
   }
 
-  & input[type="radio"]:checked+.icon {
+  & input[type="radio"]:checked + .icon {
     background: var(--primary);
     color: white;
   }
@@ -126,7 +126,7 @@
     perspective: 1000px;
     margin: auto;
 
-    &>letter-panel {
+    & > letter-panel {
       display: block;
       width: 100%;
       height: 100%;
@@ -156,7 +156,10 @@
     background: var(--surface);
     border-radius: 0.5rem;
     box-shadow: 0 2px 8px var(--shadow);
-    transition: transform 0.6s, font-size 0.6s, background-color 0.6s;
+    transition:
+      transform 0.6s,
+      font-size 0.6s,
+      background-color 0.6s;
     opacity: 0.7;
   }
 
@@ -203,7 +206,10 @@
   & .panel__cell.front {
     font-size: 10rem;
     background-color: black;
-    transition: transform 0.6s, font-size 0.6s, background-color 0.6s;
+    transition:
+      transform 0.6s,
+      font-size 0.6s,
+      background-color 0.6s;
   }
 
   & .panel__cell:nth-child(1) {
@@ -245,4 +251,4 @@
   & .panel__cell:nth-child(10) {
     --ry: 360deg;
   }
-}
+}

src/assets/styles/reader.css

@@ -69,7 +69,7 @@
   cursor: pointer;
 }
 
-.speaker>span {
+.speaker > span {
   padding: 0.5rem;
   border: 1px solid var(--primary);
   border-radius: 5px;
@@ -94,4 +94,4 @@
   .mute-button {
     font-size: min(2.5rem, 8vw);
   }
-}
+}

src/assets/styles/societree.css

@@ -8,7 +8,7 @@
     text-align: center;
     color: white;
     padding: 2rem 3rem;
-    gap:1rem;
+    gap: 1rem;
   }
 
   & .theme-glass {

src/assets/styles/varnmala.css

@@ -31,9 +31,8 @@
 }
 
 .container__varnmala {
-
   #english,
   & #hindi {
     scroll-margin-top: calc(var(--header-height) + 80px);
   }
-}
+}

src/components/Dialog.js

@@ -1,7 +1,11 @@
-document.querySelector('dialog').addEventListener('close', (e) => {
+document.querySelector("dialog").addEventListener("close", (e) => {
   const dialog = e.target;
-  dialog.setAttribute('closing', '');
-  dialog.addEventListener('animationend', () => {
-    dialog.removeAttribute('closing');
-  }, { once: true });
+  dialog.setAttribute("closing", "");
+  dialog.addEventListener(
+    "animationend",
+    () => {
+      dialog.removeAttribute("closing");
+    },
+    { once: true }
+  );
 });