fix(style): run format

.github/workflows/ci.yaml

@@ -44,7 +44,7 @@ jobs:
         run: pnpm format 
 
       - name: Run unit tests 
-        run: pnpm test:unit 
+        run: pnpm run test:unit 
 
       - name: Run build 
         run: pnpm build 

src/components/Footer/LicenseText.vue

@@ -1,24 +1,45 @@
 <template>
   <div class="h-max self-center">
-    <p class="copyright max-w-100 footer-text">© <span>2018-{{ new Date().getFullYear() }}</span><contributorsText /></p>
+    <p class="copyright max-w-100 footer-text">
+      © <span>2018-{{ new Date().getFullYear() }}</span
+      ><contributorsText />
+    </p>
     <p class="copyright max-w-100 footer-text"><licenseText /></p>
   </div>
 </template>
 
 <script setup lang="tsx">
 const WITNET_FOUNDATION_URL = 'https://witnet.foundation'
 const CREATIVE_COMMONS_URL = 'https://creativecommons.org/publicdomain/zero/1.0/'
-const contributorsText = () => <span> by <a href={WITNET_FOUNDATION_URL} target="_blank">Witnet Foundation</a> and individual contributors.</span>
-const licenseText = () => <span> Content available under a <a href={CREATIVE_COMMONS_URL} target="_blank">Creative Commons License</a>.</span>
+const contributorsText = () => (
+  <span>
+    {' '}
+    by{' '}
+    <a href={WITNET_FOUNDATION_URL} target="_blank">
+      Witnet Foundation
+    </a>{' '}
+    and individual contributors.
+  </span>
+)
+const licenseText = () => (
+  <span>
+    {' '}
+    Content available under a{' '}
+    <a href={CREATIVE_COMMONS_URL} target="_blank">
+      Creative Commons License
+    </a>
+    .
+  </span>
+)
 
 defineProps({
   customContributorsText: {
     type: String,
-    required: false,
+    required: false
   },
   customLicenseText: {
     type: String,
-    required: false,
+    required: false
   }
 })
-</script>
+</script>

src/components/Footer/WFooter.spec.ts

@@ -5,7 +5,75 @@ import WFooter from './WFooter.vue'
 
 describe('WFooter', () => {
   it('renders properly', () => {
-    const wrapper = mount(WFooter)
+    const wrapper = mount(WFooter, {
+      props: {
+        footerSections: [
+          {
+            title: 'Developers',
+            links: [
+              {
+                url: '#reference',
+                label: 'reference'
+              },
+              {
+                url: '#randomness',
+                label: 'randomness'
+              },
+              {
+                url: '#randomness',
+                label: 'randomness'
+              },
+              {
+                url: '#supported_chains',
+                label: 'supported_chains'
+              },
+              {
+                url: '#solidity_sdk',
+                label: 'solidity_sdk'
+              }
+            ]
+          },
+          {
+            title: 'Ecosystem',
+            links: [
+              {
+                url: '#block_explorer',
+                label: 'block_explorer'
+              },
+              {
+                url: '#data_feeds_explorer',
+                label: 'data_feeds_explorer'
+              },
+              {
+                url: '#sheikah',
+                label: 'sheikah'
+              },
+              {
+                url: '#my_wit_wallet',
+                label: 'my_wit_wallet'
+              }
+            ]
+          },
+          {
+            title: 'Learn',
+            links: [
+              {
+                url: '#whitepaper',
+                label: 'whitepaper'
+              },
+              {
+                url: '#medium',
+                label: 'medium'
+              },
+              {
+                url: '#tutorials',
+                label: 'tutorials'
+              }
+            ]
+          }
+        ]
+      }
+    })
 
     expect(wrapper).toMatchSnapshot()
   })

src/components/Footer/WFooter.stories.ts

@@ -96,9 +96,9 @@ export const Footer: Story = {
           {
             url: '#tutorials',
             label: 'tutorials'
-          },
+          }
         ]
-      },
+      }
     ]
   }
 }

src/components/Footer/WFooter.ts

@@ -1,9 +1,8 @@
 export type FooterSection = {
-  title: string,
+  title: string
   links: FooterLink[]
 }
-export type FooterLink = { key: string
-  url: string,
+export type FooterLink = {
+  url: string
   label: string
 }
-

src/components/Footer/WFooter.vue

@@ -1,8 +1,5 @@
 <template>
-  <WSection
-    :frame-classes="'bg-black-950'"
-    :content-classes="'grid justify-items-center'"
-  >
+  <WSection :frame-classes="'bg-black-950'" :content-classes="'grid justify-items-center'">
     <template #content>
       <div class="footer grid gap-xl">
         <div class="grid grid-cols-[max-content_1fr] md:grid-cols-1 gap-3xl">
@@ -18,11 +15,7 @@
                 {{ section.title }}
               </p>
               <ul class="py-2 flex flex-col gap-sm">
-                <li
-                  v-for="link in section.links"
-                  :key="link.label"
-                  class="link-list-item"
-                >
+                <li v-for="link in section.links" :key="link.label" class="link-list-item">
                   <a
                     class="link footer-text"
                     :href="link.url"
@@ -37,20 +30,22 @@
           </div>
           <div class="w-full grid gap-md xs:mt-lg">
             <AdoIcon class="mb-2 w-[50px] h-auto" />
-            <p class="footer-text">{{ adoDescription }}<a
-              class="py-1 underline footer-text"
-              :href="ADO_URL"
-              target="_blank"
-            >
-              theado.org
-            </a></p>
+            <p class="footer-text">
+              {{ adoDescription
+              }}<a class="py-1 underline footer-text" :href="ADO_URL" target="_blank">
+                theado.org
+              </a>
+            </p>
           </div>
         </div>
         <div
           class="grid grid-cols-[max-content_max-content_1fr] sm:grid-cols-1 align-middle gap-lg pt-xl items-center"
         >
           <WitOracleIcon class="w-[140px] h-auto white" name="witnet_dark" />
-          <LicenseText :custom-contributors-text="customContributorsText" :custom-license-text="customLicenseText"  />
+          <LicenseText
+            :custom-contributors-text="customContributorsText"
+            :custom-license-text="customLicenseText"
+          />
           <!-- <client-only>
             <LanguageSwitcher class="justify-self-end self-center" />
           </client-only> -->
@@ -73,20 +68,19 @@ const ADO_URL = 'https://github.com/adoracles/'
 defineProps({
   footerSections: {
     type: Object as PropType<FooterSection[]>,
-    required: true,
+    required: true
   },
   adoDescription: {
     type: String,
-    default: `Witnet is part of the Alliance of Decentralized Oracles (ADO), a joint effort by leading decentralized oracle solutions to make the life of smart contract developers easier by creating oracle standards. Learn more about the ADO at`,
+    default: `Witnet is part of the Alliance of Decentralized Oracles (ADO), a joint effort by leading decentralized oracle solutions to make the life of smart contract developers easier by creating oracle standards. Learn more about the ADO at`
   },
   customContributorsText: {
     type: String,
-    required: false,
+    required: false
   },
   customLicenseText: {
     type: String,
-    required: false,
+    required: false
   }
 })
 </script>
-