...

components.d.ts

@@ -14,5 +14,6 @@ declare module '@vue/runtime-core' {
     RouterView: typeof import('vue-router')['RouterView']
     SmallTag: typeof import('./src/components/SmallTag.vue')['default']
     UserCard: typeof import('./src/components/UserCard.vue')['default']
+    UserLinksBox: typeof import('./src/components/common/UserLinksBox.vue')['default']
   }
 }

src/App.vue

@@ -1,5 +1,4 @@
 <template>
-
   <a-layout>
     <a-layout-header :style="{ padding: '0px', position: 'fixed', zIndex: 1, width: '100%' }">
       <a-row justify="space-between" align="middle">
@@ -54,6 +53,10 @@ async function login(event) {
   }
 }
 
+async function profile(event) {
+  router.push('profiles');
+}
+
 </script>
 
 <style lang=less>

src/router/index.js

@@ -42,6 +42,10 @@ const routes = [
       }
     ],
   },
+  {
+    path: '/profiles',
+    component: () => import(/* webpackChunkName: "profiles" */ '../views/ProfilesView.vue'),
+  },
 ]
 
 const router = createRouter({

src/views/HomeView.vue

@@ -8,7 +8,6 @@
 <script setup>
 import gsap from 'gsap';
 import { onMounted } from "@vue/runtime-core";
-import UserLinksBox from "./common/UserLinksBox.vue";
 
 onMounted(()=>{
   gsap.to(".linkbox", {

src/views/ProfilesView.vue

@@ -0,0 +1,10 @@
+<template>
+
+</template>
+
+<script setup>
+</script>
+
+<style lang="less" scoped>
+
+</style>

src/views/User/Services.vue

@@ -49,8 +49,6 @@
 </template>
 
 <script setup>
-import UserLinksBox from '../common/UserLinksBox.vue';
-import UserCard from '@/components/UserCard.vue';
 
 import { useAppStore } from '@/store/app';