Lint files

studiometa · Dec 1, 2023 · 76d1b2a · 76d1b2a
1 parent 0723619
commit 76d1b2a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 20 deletions.
diff --git a/packages/docs/.vitepress/theme/components/Loader.vue b/packages/docs/.vitepress/theme/components/Loader.vue
@@ -5,29 +5,25 @@
     leave-to-class="opacity-0 transform scale-0"
     leave-active-class="transition"
     appear
-    mode="out-in"
-  >
+    mode="out-in">
     <div class="absolute top-1/2 left-1/2 w-6 h-6 -mt-3 -ml-3">
       <svg
         class="animate-spin h-full w-full text-gray-500"
         style="animation-duration: 0.2s"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
-        viewBox="0 0 24 24"
-      >
+        viewBox="0 0 24 24">
         <circle
           class="opacity-25"
           cx="12"
           cy="12"
           r="10"
           stroke="currentColor"
-          stroke-width="4"
-        ></circle>
+          stroke-width="4"></circle>
         <path
           class="opacity-75"
           fill="currentColor"
-          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-        ></path>
+          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
       </svg>
       <span class="sr-only">Loading...</span>
     </div>

diff --git a/packages/docs/.vitepress/theme/components/PreviewIframe.vue b/packages/docs/.vitepress/theme/components/PreviewIframe.vue
@@ -48,8 +48,7 @@
 <template>
   <div
     class="relative my-4 rounded bg-vp-sidebar-bg overflow-hidden"
-    style="height: 60vh; border: 1px solid var(--vp-c-divider)"
-  >
+    style="height: 60vh; border: 1px solid var(--vp-c-divider)">
     <Loader v-if="isLoading" />
     <iframe
       ref="iframe"
@@ -63,7 +62,6 @@
         height: calc(60vh * 1.5);
         transform-origin: top left;
         transform: scale(0.6666);
-      "
-    />
+      " />
   </div>
 </template>
diff --git a/packages/docs/api/decorators/withResponsiveOptions.md b/packages/docs/api/decorators/withResponsiveOptions.md
@@ -34,8 +34,7 @@ export default class Component extends withResponsiveOptions(Base) {
   data-component="Component"
   data-option-label:xxs="Small Mobile"
   data-option-label:xs:s="Large Mobile And Tablet"
-  data-option-label="Other devices"
->
+  data-option-label="Other devices">
   ...
 </div>
 ```
@@ -94,8 +93,7 @@ export default class Component extends withResponsiveOptions(Base) {
 <div
   data-component="Component"
   data-option-label:s="You are on a small screen"
-  data-option-label="I am the default label"
->
+  data-option-label="I am the default label">
   ...
 </div>
 ```
@@ -117,8 +115,7 @@ With the same breakpoins and component as before, but with a different markup, w
   data-component="Component"
   data-option-label:s="You are on a small screen"
   data-option-label:m="You are on a medium screen"
-  data-option-label:l="You are on a large screen"
->
+  data-option-label:l="You are on a large screen">
   ...
 </div>
 ```
@@ -139,8 +136,7 @@ Breakpoints can be combined to use the same value multiple times:
 <div
   data-component="Component"
   data-option-label:s:m="You are on a small or medium screen"
-  data-option-label:l="You are on a large screen"
->
+  data-option-label:l="You are on a large screen">
   ...
 </div>
 ```