chore: lint

wd-4000 · Mar 24, 2024 · b6bbf5d · b6bbf5d
1 parent 09e6fcc
commit b6bbf5d
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 25 deletions.
diff --git a/playground/pages/sidebar.vue b/playground/pages/sidebar.vue
@@ -12,11 +12,21 @@
     ]"
   >
     <template #collapsed>
-      <img src="/sample-logo.svg" style="width: 3.5rem" />
+      <img
+        src="/sample-logo.svg"
+        style="width: 3.5rem"
+      >
     </template>
     <template #extension>
-      <div style="height: 3.5rem" class="d-flex flex-align-center">
-        <img src="/sample-logo.svg" style="width: 3.5rem" class="mr-4" /> My
+      <div
+        style="height: 3.5rem"
+        class="d-flex flex-align-center"
+      >
+        <img
+          src="/sample-logo.svg"
+          style="width: 3.5rem"
+          class="mr-4"
+        > My
         Crappy App
       </div>
     </template>
@@ -34,7 +44,7 @@
         elev="2"
       >
         <template #app>
-          <e-nav-titlebar></e-nav-titlebar>
+          <e-nav-titlebar />
           <div class="bg-red">
             Sidebar example Sidebar example Sidebar example Sidebar example
             Sidebar example Sidebar example Sidebar example Sidebar example

diff --git a/src/runtime/components/e/btn.vue b/src/runtime/components/e/btn.vue
@@ -17,8 +17,14 @@
       colored: background !== 'transparent' || color || solid,
     }"
   >
-    <div ref="content" class="e-btn-content">
-      <div v-if="loading" class="load-overlay">
+    <div
+      ref="content"
+      class="e-btn-content"
+    >
+      <div
+        v-if="loading"
+        class="load-overlay"
+      >
         <e-loading-spinner />
       </div>
       <span

diff --git a/src/runtime/components/e/nav/sidebar-icon-btn.vue b/src/runtime/components/e/nav/sidebar-icon-btn.vue
@@ -1,16 +1,18 @@
 <template>
-     <nuxt-link to="/sidebar">
-      <e-btn
+  <nuxt-link to="/sidebar">
+    <e-btn
       :solid="false"
       justify="center"
       :block="true"
       background="transparent"
       class="pa-0 ma-0 e-sidebar-icon"
-    >   <e-icon
-          :icon="mdiHome"
-          size="22"
-        /></e-btn>
-   </nuxt-link>
+    >
+      <e-icon
+        :icon="mdiHome"
+        size="22"
+      />
+    </e-btn>
+  </nuxt-link>
 </template>
 <script lang="ts" setup>
 import { mdiHome } from '@mdi/js';

diff --git a/src/runtime/components/e/nav/sidebar.vue b/src/runtime/components/e/nav/sidebar.vue
@@ -1,39 +1,59 @@
 <template>
   <div>
     <div class="e-sidebar collapsed d-flex flex-column justify-start">
-      <slot name="collapsed"></slot>
+      <slot name="collapsed" />
 
-      <nuxt-link :to="item.to" v-for="(item, i) in props.items" :key="i">
+      <nuxt-link
+        v-for="(item, i) in props.items"
+        :key="i"
+        :to="item.to"
+      >
         <e-btn
           :solid="false"
           justify="center"
           :block="true"
           background="transparent"
           class="pa-0 ma-0 e-sidebar-btn"
         >
-          <e-icon :icon="item.icon" size="22"
-        /></e-btn>
+          <e-icon
+            :icon="item.icon"
+            size="22"
+          />
+        </e-btn>
       </nuxt-link>
     </div>
     <div class="extended e-sidebar">
-      <slot name="extension"></slot>
+      <slot name="extension" />
 
-      <nuxt-link :to="item.to" v-for="(item, i) in props.items">
+      <nuxt-link
+        v-for="(item, i) in props.items"
+        :key="i"
+        :to="item.to"
+      >
         <e-btn
           :solid="false"
           justify="start"
           :block="true"
           background="transparent"
           class="pa-0 ma-0 e-sidebar-btn"
         >
-          <div v-if="item.icon" class="icon">
-            <e-icon :icon="item.icon" size="22" />
+          <div
+            v-if="item.icon"
+            class="icon"
+          >
+            <e-icon
+              :icon="item.icon"
+              size="22"
+            />
           </div>
           <div class="ml-4 d-flex flex-column text">
             <div :class="{ 'mb-1': item.subtitle }">
               {{ item.title }}
             </div>
-            <div v-if="item.subtitle" class="text-secondary">
+            <div
+              v-if="item.subtitle"
+              class="text-secondary"
+            >
               {{ item.subtitle }}
             </div>
           </div>

diff --git a/src/runtime/components/e/nav/titlebar.vue b/src/runtime/components/e/nav/titlebar.vue
@@ -1,9 +1,9 @@
 
 
 <template>
-<div class="titlebar d-flex flex-align-center">
-<h4>Title</h4>
-</div>
+  <div class="titlebar d-flex flex-align-center">
+    <h4>Title</h4>
+  </div>
 </template>
 <style lang="scss" scoped>
 .titlebar{