before suspend

assets/js/components/users/ProfileView.vue

@@ -50,36 +50,38 @@
 	</div>
 </template>
 
-<script>
+<script setup>
+import { ref, reactive } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
 import axios from 'axios'
 
-export default {
-	name: 'ProfileView',
-	data: () => ({
-		user: null,
-		isLoading: true
-	}),
-	computed: {
-		getUserEndpoint() {
-			if (this.$route.params.username) {
-				return `/api/users?username=${this.$route.params.username}`
-			}
-			return '/api/users?username=tracer'
-		}
-	},
-	mounted() {
-		axios
-			.get(this.getUserEndpoint)
-			.then((response) => {
-				console.log(response);
-				[this.user] = response.data['hydra:member']
+const user = reactive(null)
+const isLoading = ref(true)
+const router = useRouter()
+const route = useRoute()
 
-				console.log(this.user)
-				this.isLoading = false
-			})
-			.catch((error) => {
-				console.log(error)
-			})
-	}
+// if there is no param, we go to our own profile, elso to the login
+
+if (route.params.username) {
+	console.log('we have the username')
+} else if (window.user) {
+	console.log(window.user)
+} else {
+	router.push({ name: 'LoginForm' })
 }
+
+const userEndpoint = '/api/users?username=tracer'
+axios
+	.get(userEndpoint)
+	.then((response) => {
+		//console.log(response);
+		[user.value] = response.data['hydra:member']
+
+		//console.log(this.user)
+		isLoading.value = false
+	})
+	.catch(() => {
+		//console.log(error)
+	})
+
 </script>