chore: layout

components/previous-role.vue

@@ -7,8 +7,6 @@ interface Props {
 }
 
 const props = defineProps<Props>();
-
-const [visibility, toggle] = useToggle(false);
 </script>
 
 <template>
@@ -36,14 +34,11 @@ const [visibility, toggle] = useToggle(false);
       <div>
         <button
           class="mb-2 text-xs text-gray-400 uppercase font-semibold flex items-center justify-start gap-1"
-          @click="() => toggle()"
         >
           {{ props.role }}
-          <UIcon name="i-heroicons-chevron-down" v-if="!visibility" as="div" />
-          <UIcon name="i-heroicons-chevron-up" v-if="visibility" as="div" />
         </button>
       </div>
-      <div v-if="visibility" class="text-sm text-gray-500">
+      <div class="text-sm text-gray-500">
         <slot />
       </div>
     </div>

pages/index.vue

@@ -11,8 +11,8 @@ useSeoMeta({
 
 <template>
   <HomeIntroduction v-motion-fade />
+  <HomeConnect v-motion-fade :delay="500" />
   <HomeBeenWorkingWith v-motion-fade :delay="500" />
   <HomePersonalProjects v-motion-fade :delay="500" />
-  <HomeConnect v-motion-fade :delay="500" />
   <Footer v-motion-fade :delay="500" />
 </template>