feat: improve script blocks readability

clemcode · Aug 3, 2022 · e003e8e · e003e8e
1 parent d26aa77
commit e003e8e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/components/Footer.vue b/components/Footer.vue
@@ -16,7 +16,8 @@ const placeItems = computed(() => {
 })
 
 const rowsNumber = computed(() => {
-  return [theme.value.footer.navigation, theme.value.footer.title, theme.value.footer.socials, theme.value.footer.socials?.message.length].reduce((acc, val) => {
+  const footer = theme.value.footer
+  return [footer.navigation, footer.title, footer.socials, footer.socials?.message.length].reduce((acc, val) => {
     return acc + (val ? 1 : 0)
   }, 0)
 })

diff --git a/components/Header.vue b/components/Header.vue
@@ -2,10 +2,6 @@
 const { navigation } = useContent()
 const theme = useTheme()
 
-const hasHeader = computed(() => {
-  return theme.value.header
-})
-
 const placeItems = computed(() => {
   switch (theme.value.header.position) {
     case 'left':
@@ -22,7 +18,7 @@ const placeItems = computed(() => {
 
 <template>
   <header
-    v-if="hasHeader"
+    v-if="theme.header"
     class="relative"
   >
     <ColorModeSwitch class="absolute top-6 md:top-8" :class="{'right-0' : theme.header.position === 'left'}" />