chore: lint

ow3org · Nov 10, 2022 · 2ff307a · 2ff307a
1 parent aadc55c
commit 2ff307a
Show file tree

Hide file tree

Showing 5 changed files with 96 additions and 22 deletions.
diff --git a/fixtures/vitesse/src/components/Counter.vue b/fixtures/vitesse/src/components/Counter.vue
@@ -9,10 +9,16 @@ const { count, inc, dec } = useCounter(props.initial)
 <template>
   <div>
     {{ count }}
-    <button class="inc" @click="inc()">
+    <button
+      class="inc"
+      @click="inc()"
+    >
       +
     </button>
-    <button class="dec" @click="dec()">
+    <button
+      class="dec"
+      @click="dec()"
+    >
       -
     </button>
   </div>

diff --git a/fixtures/vitesse/src/components/Footer.vue b/fixtures/vitesse/src/components/Footer.vue
@@ -9,24 +9,49 @@ const toggleLocales = () => {
 </script>
 
 <template>
-  <nav text-xl mt-6>
-    <RouterLink class="icon-btn mx-2" to="/" :title="t('button.home')">
+  <nav
+    text-xl
+    mt-6
+  >
+    <RouterLink
+      class="icon-btn mx-2"
+      to="/"
+      :title="t('button.home')"
+    >
       <div i-carbon-campsite />
     </RouterLink>
 
-    <button class="icon-btn mx-2 !outline-none" :title="t('button.toggle_dark')" @click="toggleDark()">
+    <button
+      class="icon-btn mx-2 !outline-none"
+      :title="t('button.toggle_dark')"
+      @click="toggleDark()"
+    >
       <div i="carbon-sun dark:carbon-moon" />
     </button>
 
-    <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales()">
+    <a
+      class="icon-btn mx-2"
+      :title="t('button.toggle_langs')"
+      @click="toggleLocales()"
+    >
       <div i-carbon-language />
     </a>
 
-    <RouterLink class="icon-btn mx-2" to="/about" :title="t('button.about')">
+    <RouterLink
+      class="icon-btn mx-2"
+      to="/about"
+      :title="t('button.about')"
+    >
       <div i-carbon-dicom-overlay />
     </RouterLink>
 
-    <a class="icon-btn mx-2" rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank" title="GitHub">
+    <a
+      class="icon-btn mx-2"
+      rel="noreferrer"
+      href="https://github.com/antfu/vitesse"
+      target="_blank"
+      title="GitHub"
+    >
       <div i-carbon-logo-github />
     </a>
   </nav>

diff --git a/fixtures/vitesse/src/layouts/404.vue b/fixtures/vitesse/src/layouts/404.vue
@@ -4,13 +4,24 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <main p="x4 y10" text="center teal-700 dark:gray-200">
+  <main
+    p="x4 y10"
+    text="center teal-700 dark:gray-200"
+  >
     <div text-4xl>
-      <div i-carbon-warning inline-block />
+      <div
+        i-carbon-warning
+        inline-block
+      />
     </div>
     <RouterView />
     <div>
-      <button btn text-sm m="3 t8" @click="router.back()">
+      <button
+        btn
+        text-sm
+        m="3 t8"
+        @click="router.back()"
+      >
         {{ t('button.back') }}
       </button>
     </div>

diff --git a/fixtures/vitesse/src/pages/hi/[name].vue b/fixtures/vitesse/src/pages/hi/[name].vue
@@ -12,22 +12,37 @@ watchEffect(() => {
 <template>
   <div>
     <div text-4xl>
-      <div i-carbon-pedestrian inline-block />
+      <div
+        i-carbon-pedestrian
+        inline-block
+      />
     </div>
     <p>
       {{ t('intro.hi', { name: props.name }) }}
     </p>
 
-    <p text-sm opacity-75>
+    <p
+      text-sm
+      opacity-75
+    >
       <em>{{ t('intro.dynamic-route') }}</em>
     </p>
 
     <template v-if="user.otherNames.length">
-      <p text-sm mt-4>
+      <p
+        text-sm
+        mt-4
+      >
         <span opacity-75>{{ t('intro.aka') }}:</span>
         <ul>
-          <li v-for="otherName in user.otherNames" :key="otherName">
-            <router-link :to="`/hi/${otherName}`" replace>
+          <li
+            v-for="otherName in user.otherNames"
+            :key="otherName"
+          >
+            <router-link
+              :to="`/hi/${otherName}`"
+              replace
+            >
               {{ otherName }}
             </router-link>
           </li>
@@ -37,7 +52,9 @@ watchEffect(() => {
 
     <div>
       <button
-        btn m="3 t6" text-sm
+        btn
+        m="3 t6"
+        text-sm
         @click="router.back()"
       >
         {{ t('button.back') }}

diff --git a/fixtures/vitesse/src/pages/index.vue b/fixtures/vitesse/src/pages/index.vue
@@ -14,15 +14,25 @@ const { t } = useI18n()
 <template>
   <div>
     <div text-4xl>
-      <div i-carbon-campsite inline-block />
+      <div
+        i-carbon-campsite
+        inline-block
+      />
     </div>
     <p>
-      <a rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank">
+      <a
+        rel="noreferrer"
+        href="https://github.com/antfu/vitesse"
+        target="_blank"
+      >
         Vitesse
       </a>
     </p>
     <p>
-      <em text-sm opacity-75>{{ t('intro.desc') }}</em>
+      <em
+        text-sm
+        opacity-75
+      >{{ t('intro.desc') }}</em>
     </p>
 
     <div py-4 />
@@ -42,11 +52,16 @@ const { t } = useI18n()
       outline="none active:none"
       @keydown.enter="go"
     >
-    <label class="hidden" for="input">{{ t('intro.whats-your-name') }}</label>
+    <label
+      class="hidden"
+      for="input"
+    >{{ t('intro.whats-your-name') }}</label>
 
     <div>
       <button
-        btn m-3 text-sm
+        btn
+        m-3
+        text-sm
         :disabled="!name"
         @click="go"
       >