From 35d4cc79e213daf5c96020cb68d99e5d461768ec Mon Sep 17 00:00:00 2001
From: Niti <nitikub@gmail.com>
Date: Thu, 12 Jun 2025 05:10:33 +0700
Subject: [PATCH 1/2] fix: lint error and warning

---
 .github/workflows/release.yml      |  2 +-
 components/Blog/Card.vue           |  2 +-
 components/FreeStorage.vue         |  8 +++++---
 components/Notice.vue              |  5 +++--
 components/PricingCard.vue         |  2 +-
 components/ReferralCodeCreator.vue |  2 +-
 components/ReferralProcess.vue     |  4 ++--
 pages/blog.vue                     | 16 +++++++++-------
 pages/index.vue                    |  3 ++-
 pages/referred.vue                 | 10 ++++++----
 10 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index c05a9a45..0e538a71 100644
--- a/.github/workflows/release.yml
+++ b/.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
diff --git a/components/Blog/Card.vue b/components/Blog/Card.vue
index 1ce19726..4011e6da 100644
--- a/components/Blog/Card.vue
+++ b/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>
diff --git a/components/FreeStorage.vue b/components/FreeStorage.vue
index 62711159..461c9335 100644
--- a/components/FreeStorage.vue
+++ b/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>
diff --git a/components/Notice.vue b/components/Notice.vue
index d47f4822..ea8923a6 100644
--- a/components/Notice.vue
+++ b/components/Notice.vue
@@ -14,8 +14,9 @@ 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}">
+  <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" v-html="text" />
   </div>
 </template>
diff --git a/components/PricingCard.vue b/components/PricingCard.vue
index 85db2f3e..4e5778fa 100644
--- a/components/PricingCard.vue
+++ b/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>
diff --git a/components/ReferralCodeCreator.vue b/components/ReferralCodeCreator.vue
index d43a61c7..3ab33fd4 100644
--- a/components/ReferralCodeCreator.vue
+++ b/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>
diff --git a/components/ReferralProcess.vue b/components/ReferralProcess.vue
index 802a251d..a8f85dc8 100644
--- a/components/ReferralProcess.vue
+++ b/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>
diff --git a/pages/blog.vue b/pages/blog.vue
index fc8058d7..35d10c5b 100644
--- a/pages/blog.vue
+++ b/pages/blog.vue
@@ -3,7 +3,7 @@ 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
@@ -19,13 +19,13 @@ const { data: blog } = await useLazyFetch('/api/blog', {
     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')
@@ -33,12 +33,14 @@ const medium = useSocialNetwork('medium')
 
 <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" />
diff --git a/pages/index.vue b/pages/index.vue
index 2f6013ff..dd0c5524 100644
--- a/pages/index.vue
+++ b/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>
diff --git a/pages/referred.vue b/pages/referred.vue
index bffd0f80..51c34bcf 100644
--- a/pages/referred.vue
+++ b/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>

From 073eaac67368990930a9c9a74b0ce77b5166003d Mon Sep 17 00:00:00 2001
From: Niti <nitikub@gmail.com>
Date: Thu, 12 Jun 2025 05:17:28 +0700
Subject: [PATCH 2/2] fix: remove unused variable and fix v-html

---
 components/Notice.vue          | 4 +++-
 components/ReferralPricing.vue | 1 -
 pages/blog.vue                 | 3 ---
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/Notice.vue b/components/Notice.vue
index ea8923a6..fae2fcc4 100644
--- a/components/Notice.vue
+++ b/components/Notice.vue
@@ -17,6 +17,8 @@ onMounted(() => {
   <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" v-html="text" />
+    <AppLink :href="href" class="block w-full">
+      <span v-html="text" />
+    </AppLink>
   </div>
 </template>
diff --git a/components/ReferralPricing.vue b/components/ReferralPricing.vue
index 3d45aa19..76e32be2 100644
--- a/components/ReferralPricing.vue
+++ b/components/ReferralPricing.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-const start = useActions('start')
 </script>
 
 <template>
diff --git a/pages/blog.vue b/pages/blog.vue
index 35d10c5b..d8475dd7 100644
--- a/pages/blog.vue
+++ b/pages/blog.vue
@@ -11,17 +11,14 @@ const { data: blog } = await useLazyFetch('/api/blog', {
 
     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 }) {
     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))
     }