fix: lint formatting

nuxt · Jul 3, 2024 · 110d589 · 110d589
1 parent 4b0ff1d
commit 110d589
Showing 1 changed file with 40 additions and 12 deletions.
diff --git a/components/PanelDocs.vue b/components/PanelDocs.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { NavItem, ParsedContent } from '@nuxt/content'
-const runtime = useRuntimeConfig()
 
+const runtime = useRuntimeConfig()
 const {
   navigation,
   page,
@@ -82,36 +82,64 @@ router.beforeEach(() => {
           {{ bc.title }}
         </NuxtLink>
       </template>
-      <button h-full flex-auto @click="ui.isContentDropdownShown = !ui.isContentDropdownShown" />
-      <button i-ph-caret-down-duotone text-sm op50 transition duration-400
+      <button
+        h-full flex-auto
+        @click="ui.isContentDropdownShown = !ui.isContentDropdownShown"
+      />
+      <button
+        i-ph-caret-down-duotone text-sm op50 transition duration-400
         :class="ui.isContentDropdownShown ? 'rotate-180' : ''"
-        @click="ui.isContentDropdownShown = !ui.isContentDropdownShown" />
+        @click="ui.isContentDropdownShown = !ui.isContentDropdownShown"
+      />
     </div>
     <div relative h-full of-hidden>
       <article ref="docsEl" class="max-w-none prose" h-full of-auto p6>
         <ContentDoc />
         <div mt8 py2 grid="~ cols-[1fr_1fr] gap-4">
           <div>
-            <ContentNavCard v-if="prev" :to="prev._path" :title="prev.title" :description="prev.description"
-              subheader="Previous section" icon="i-ph-arrow-left" />
+            <ContentNavCard
+              v-if="prev"
+              :to="prev._path"
+              :title="prev.title"
+              :description="prev.description"
+              subheader="Previous section"
+              icon="i-ph-arrow-left"
+            />
           </div>
           <div>
-            <ContentNavCard v-if="next" :to="next._path" :title="next.title" :description="next.description"
-              subheader="Next section" icon="i-ph-arrow-right" items-end text-right />
+            <ContentNavCard
+              v-if="next"
+              :to="next._path"
+              :title="next.title"
+              :description="next.description"
+              subheader="Next section"
+              icon="i-ph-arrow-right"
+              items-end text-right
+            />
           </div>
         </div>
         <div border="t base dashed" mt-8 p3>
-          <NuxtLink v-if="sourceUrl" :to="sourceUrl" target="_blank" flex="~ items-center gap-2" text-inherit op75
-            hover="text-primary op100">
+          <NuxtLink
+            v-if="sourceUrl"
+            :to="sourceUrl" target="_blank"
+            flex="~ items-center gap-2"
+            text-inherit op75
+            hover="text-primary op100"
+          >
             <div i-ph-note-pencil-duotone />
             Edit this page
           </NuxtLink>
         </div>
       </article>
       <!-- Navigration Dropdown -->
       <Transition name="nav-dropdown">
-        <div v-if="ui.isContentDropdownShown" flex="~ col" border="b base" absolute left-0 right-0 top-0 max-h-60vh py2
-          backdrop-blur-10 bg-base important-bg-opacity-80>
+        <div
+          v-if="ui.isContentDropdownShown"
+          flex="~ col"
+          border="b base"
+          absolute left-0 right-0 top-0 max-h-60vh py2
+          backdrop-blur-10 bg-base important-bg-opacity-80
+        >
           <ContentNavItem v-for="item in navigation" :key="item.url" :item="item" />
         </div>
       </Transition>