Fix: handle all lint error and warning

.github/workflows/release.yml

@@ -19,7 +19,7 @@ jobs:
       pull-requests: write
     environment:
       name: ${{ (github.ref_name == 'main') && 'staging' || format('preview-{0}', github.ref_name) }}
-      url: ${{ (github.ref_name == 'main') && 'https://staging.storacha.network/' || steps.cloudflare_url.outputs.stdout }}      
+      url: ${{ (github.ref_name == 'main') && 'https://staging.storacha.network/' || steps.cloudflare_url.outputs.stdout }}
     steps:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/pnpm

components/Blog/Card.vue

@@ -29,7 +29,7 @@ defineProps<{
           <time class="h5 text-sm" :datetime="item.pubDate">
             {{ useAppDateFormat(item.pubDate) }}
           </time>
-          <p v-if="showSnippet" class="text-base p1 break-words">
+          <p v-if="showSnippet" class="break-words text-base p1">
             {{ item.snippet }}
           </p>
         </div>

components/FreeStorage.vue

@@ -3,11 +3,13 @@
 
 <template>
   <Section class="bg-brand-6 color-brand-3" padding>
-    <SectionHeader eyebrow="How To Refer" title="Start Referring Now!"
-      description="Anyone can participate in the referral program - from seasoned Rachas to those who have yet to join the coop!" />
+    <SectionHeader
+      eyebrow="How To Refer" title="Start Referring Now!"
+      description="Anyone can participate in the referral program - from seasoned Rachas to those who have yet to join the coop!"
+    />
     <Split>
       <SplitCell>
-        <p class="max-w-50ch text-pretty prose p1 py-4">
+        <p class="max-w-50ch py-4 text-pretty prose p1">
           <b>Enter your email</b> and we will generate your unique referral code! Share it with up to 11 friends
           to earn credits that you can apply towards your Lite/Medium or Business/Extra Spicy subscription!
         </p>

components/Notice.vue

@@ -14,8 +14,11 @@ onMounted(() => {
 </script>
 
 <template>
-  <div v-if="isVisible" class="bg-brand-5 p-3 text-center text-sm text-brand-1"
-  :class="{ 'bg-brand-3': true}">
-    <AppLink :href="href" class="block w-full" v-html="text" />
+  <div
+    v-if="isVisible" class="bg-brand-3 bg-brand-5 p-3 text-center text-sm text-brand-1"
+  >
+    <AppLink :href="href" class="block w-full">
+      <span v-html="text" />
+    </AppLink>
   </div>
 </template>

components/PricingCard.vue

@@ -32,7 +32,7 @@ const { currency = '$' } = defineProps<PricingCardProps>()
         </li>
       </ul>
       <div class="pricing-actions">
-        <Btn v-bind="action" v-if="action" />
+        <Btn v-if="action" v-bind="action" />
       </div>
     </div>
   </Card>

components/ReferralCodeCreator.vue

@@ -9,7 +9,7 @@ const referralsUrl = `${config.public.consoleUrl}/referrals`
 
 <template>
   <form :action="referralsUrl" method="GET" class="flex flex-row space-x-2">
-    <input type="email" name="email" class="w-40 md:w-96 rounded-full px-4" placeholder="Email Address">
+    <input type="email" name="email" class="w-40 rounded-full px-4 md:w-96" placeholder="Email Address">
     <input type="submit" value="Generate Code" class="btn">
   </form>
 </template>

components/ReferralPricing.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-const start = useActions('start')
 </script>
 
 <template>

components/ReferralProcess.vue

@@ -14,7 +14,7 @@ const Steps = [
     icon: '🔥🔥🔥',
     title: 'You Receive Your Reward',
     description: `For each referral, you can earn <b>Storage Credits</b> and <b>Racha Points</b>. You need to have a Storacha account to claim your rewards. You can apply your Storage Credits to your Lite/Medium or Business/Extra Spicy subscriptions.`,
-  }
+  },
 ]
 </script>
 
@@ -31,7 +31,7 @@ const Steps = [
       <Heading type="h3" class="uppercase">
         {{ title }}
       </Heading>
-      <p class="p1" v-html="description"></p>
+      <p class="p1" v-html="description" />
     </div>
   </div>
 </template>

pages/blog.vue

@@ -3,42 +3,41 @@ const MAX_AGE = 1000 * 60 * 60
 const isExpired = (d: Date, maxAge = MAX_AGE) => Date.now() - d.getTime() > maxAge
 
 const { data: blog } = await useLazyFetch('/api/blog', {
-  getCachedData (key, nuxt) {
+  getCachedData(key, nuxt) {
     const defaultData = nuxt.isHydrating ? nuxt.payload.data[key] : nuxt.static.data[key]
     if (typeof globalThis.localStorage === 'undefined') {
       return defaultData
     }
 
     const ts = new Date(localStorage.getItem('blog:ts') ?? 0)
     if (isExpired(ts)) {
-      console.log(`cache miss blog items (${Date.now() - ts.getTime()} > ${MAX_AGE})`)
       return defaultData
     }
 
-    console.log(`cache hit blog items (${Date.now() - ts.getTime()} < ${MAX_AGE})`)
     const items = JSON.parse(localStorage.getItem('blog:items') ?? '[]')
     return items.length ? { items } : defaultData
   },
-  onResponse ({ response }) {
+  onResponse({ response }) {
     if (typeof globalThis.localStorage !== 'undefined') {
-      console.log('caching blog items')
       localStorage.setItem('blog:ts', new Date().toISOString())
       localStorage.setItem('blog:items', JSON.stringify(response._data.items))
     }
-  }
+  },
 })
 
 const medium = useSocialNetwork('medium')
 </script>
 
 <template>
   <Section class="bg-white" padding>
-    <div class="py-4 flex md:flex-row flex-col mt-20">
-      <div class="flex-none mb-4 md:mb-0">
-        <Heading type="h4" class="uppercase color-brand-3">
+    <div class="mt-20 flex flex-col py-4 md:flex-row">
+      <div class="mb-4 flex-none md:mb-0">
+        <Heading type="h4" class="color-brand-3 uppercase">
           Blazing Hot News
         </Heading>
-        <p class="max-w-50ch text-pretty prose p1 color-brand-3">The latest and greatest from the Storacha team.</p>
+        <p class="max-w-50ch text-pretty color-brand-3 prose p1">
+          The latest and greatest from the Storacha team.
+        </p>
       </div>
       <div class="flex-auto md:text-right">
         <Btn text="Follow on Medium" :href="medium?.href" />

pages/index.vue

@@ -47,7 +47,8 @@ const start = useActions('start')
               Storacha transforms web3.storage into a community-driven, decentralized hot storage network. Proven to handle petabytes of data with large enterprise support, Storacha effortlessly manages massive data flows.
             </p>
             <p>
-              It's the ultimate scaling solution for IPFS, adding the perfect kick to storage and retrieval, built on top of Filecoin. Plus, it guarantees verifiable, user-owned data. Whether you’re scaling decentralized applications or infrastructure, Storacha delivers unmatched performance and reliability — season to taste.            </p>
+              It's the ultimate scaling solution for IPFS, adding the perfect kick to storage and retrieval, built on top of Filecoin. Plus, it guarantees verifiable, user-owned data. Whether you’re scaling decentralized applications or infrastructure, Storacha delivers unmatched performance and reliability — season to taste.
+            </p>
           </div>
         </SplitCell>
       </Split>

pages/referred.vue

@@ -7,16 +7,18 @@ const consoleSignupUrl = `${config.public.consoleUrl}?refcode=${refcode}`
 
 <template>
   <TransitionProvider>
-    <Section class="bg-brand-4 referrals-bg">
+    <Section class="referrals-bg bg-brand-4">
       <HeroBase class="sm:min-h-200">
         <template #left>
-          <SectionHeader class="color-brand-3" eyebrow="A Master Racha Invited You"
+          <SectionHeader
+            class="color-brand-3" eyebrow="A Master Racha Invited You"
             title="Receive up to Two Months of Free Storage"
-            description="Sign up now for a Lite/Medium plan and receive two months subscription free. Sign up to a Business/Extra Spicy plan and receive one month subscription for free. Continue using Storacha to earn more rewards!" />
+            description="Sign up now for a Lite/Medium plan and receive two months subscription free. Sign up to a Business/Extra Spicy plan and receive one month subscription for free. Continue using Storacha to earn more rewards!"
+          />
           <div class="color-brand-3 prose">
             <p>
               For the full rundown on how it all works, check out our <b><a href="https://docs.storacha.network/referral-terms/" class="whitespace-nowrap">Terms &
-                  Conditions</a></b>.
+                Conditions</a></b>.
             </p>
           </div>
           <a :href="consoleSignupUrl" class="btn">Claim Your Discount</a>