first commit

resources/js/views/pages/user-profile/profile/index.vue

@@ -0,0 +1,60 @@
+<script setup>
+import About from './About.vue'
+import ActivityTimeline from './ActivityTimeline.vue'
+import Connection from './Connection.vue'
+import ProjectList from './ProjectList.vue'
+import Teams from './Teams.vue'
+
+const router = useRoute('pages-user-profile-tab')
+const profileTabData = ref()
+
+const fetchAboutData = async () => {
+  if (router.params.tab === 'profile') {
+    const data = await $api('/pages/profile', { query: { tab: router.params.tab } }).catch(err => console.log(err))
+
+    profileTabData.value = data
+  }
+}
+
+watch(router, fetchAboutData, { immediate: true })
+</script>
+
+<template>
+  <VRow v-if="profileTabData">
+    <VCol
+      md="4"
+      cols="12"
+    >
+      <About :data="profileTabData" />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="8"
+    >
+      <VRow>
+        <VCol cols="12">
+          <ActivityTimeline />
+        </VCol>
+
+        <VCol
+          cols="12"
+          md="6"
+        >
+          <Connection :connections-data="profileTabData.connections" />
+        </VCol>
+
+        <VCol
+          cols="12"
+          md="6"
+        >
+          <Teams :teams-data="profileTabData.teamsTech" />
+        </VCol>
+
+        <VCol cols="12">
+          <ProjectList />
+        </VCol>
+      </VRow>
+    </VCol>
+  </VRow>
+</template>