From f7d8dda9ce1bec9e1ff15a81806ca3420cb3485c Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 31 Aug 2021 19:47:29 +0200
Subject: [PATCH] Move v-if

---
 src/components/AboutHome.vue    | 4 ++--
 src/components/PostsHome.vue    | 4 ++--
 src/components/ProjectsHome.vue | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/AboutHome.vue b/src/components/AboutHome.vue
index b37a11f..e95571e 100644
--- a/src/components/AboutHome.vue
+++ b/src/components/AboutHome.vue
@@ -1,10 +1,10 @@
 <template>
-  <section v-if="age" class="w-full flex items-center justify-center my-12">
+  <section class="w-full flex items-center justify-center my-12">
     <div class="flex flex-col md:flex-row justify-between items-center">
       <div class="mb-12 md:mb-0 w-full md:w-1/2 flex justify-center">
         <img src="@/assets/images/memojies/Hat.png" alt="It's me !" class="xl:w-1/2" />
       </div>
-      <div class="md:w-1/2 text-justify">
+      <div v-if="age" class="md:w-1/2 text-justify">
         <h2 class="text-4xl font-bold text-center md:text-justify">
           {{ $t('home.about.title') }}
         </h2>
diff --git a/src/components/PostsHome.vue b/src/components/PostsHome.vue
index d2d54e9..438eab7 100755
--- a/src/components/PostsHome.vue
+++ b/src/components/PostsHome.vue
@@ -1,5 +1,5 @@
 <template>
-  <section v-if="posts" class="w-full flex items-center justify-center my-12">
+  <section class="w-full flex items-center justify-center my-12">
     <div class="flex flex-col items-center text-center">
       <div class="flex flex-col items-center">
         <h2 class="font-bold text-3xl">
@@ -9,7 +9,7 @@
           {{ $t('blog.description') }}
         </p>
       </div>
-      <div class="w-full lg:w-1/2 mt-20 grid grid-cols-1 gap-y-24 mb-8 sm:mb-24 text-left">
+      <div v-if="posts" class="w-full lg:w-1/2 mt-20 grid grid-cols-1 gap-y-24 mb-8 sm:mb-24 text-left">
         <Post
           v-for="post in posts"
           :key="post.slug"
diff --git a/src/components/ProjectsHome.vue b/src/components/ProjectsHome.vue
index 9d1c77e..f80be78 100755
--- a/src/components/ProjectsHome.vue
+++ b/src/components/ProjectsHome.vue
@@ -1,5 +1,5 @@
 <template>
-  <section v-if="projects" class="w-full flex items-center justify-center my-12">
+  <section class="w-full flex items-center justify-center my-12">
     <div class="flex flex-col items-center text-center">
       <div class="flex flex-col items-center">
         <h2 class="font-bold text-3xl">
@@ -9,7 +9,7 @@
           {{ $t('projects.description') }}
         </p>
       </div>
-      <div class="grid grid-cols-1 gap-x-4 gap-y-8 mb-8 sm:mb-20 sm:grid-cols-3 text-left">
+      <div v-if="projects" class="grid grid-cols-1 gap-x-4 gap-y-8 mb-8 sm:mb-20 sm:grid-cols-3 text-left">
         <Project
           v-for="project in projects"
           :key="project.name"