Client - upgrade Vue to 3.3 and move to Vite

fittrackee_client/src/views/user/AccountConfirmationResendView.vue

@@ -5,6 +5,7 @@
     </div>
   </div>
 </template>
+
 <script setup lang="ts">
   import { toRefs } from 'vue'
 

fittrackee_client/src/views/user/AccountConfirmationView.vue

@@ -13,9 +13,12 @@
     </p>
   </div>
 </template>
+
 <script setup lang="ts">
-  import { computed, ComputedRef, onBeforeMount, onUnmounted } from 'vue'
-  import { useRoute, LocationQueryValue, useRouter } from 'vue-router'
+  import { computed, onBeforeMount, onUnmounted } from 'vue'
+  import type { ComputedRef } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import type { LocationQueryValue } from 'vue-router'
 
   import ErrorImg from '@/components/Common/Images/ErrorImg.vue'
   import { AUTH_USER_STORE, ROOT_STORE } from '@/store/constants'

fittrackee_client/src/views/user/EmailUpdateView.vue

@@ -17,13 +17,16 @@
     </p>
   </div>
 </template>
+
 <script setup lang="ts">
-  import { computed, ComputedRef, onBeforeMount, onUnmounted, watch } from 'vue'
-  import { useRoute, LocationQueryValue, useRouter } from 'vue-router'
+  import { computed, onBeforeMount, onUnmounted, watch } from 'vue'
+  import type { ComputedRef } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import type { LocationQueryValue } from 'vue-router'
 
   import ErrorImg from '@/components/Common/Images/ErrorImg.vue'
   import { AUTH_USER_STORE, ROOT_STORE } from '@/store/constants'
-  import { IAuthUserProfile } from '@/types/user'
+  import type { IAuthUserProfile } from '@/types/user'
   import { useStore } from '@/use/useStore'
 
   const route = useRoute()

fittrackee_client/src/views/user/ProfileView.vue

@@ -6,10 +6,11 @@
 </template>
 
 <script setup lang="ts">
-  import { ComputedRef, computed } from 'vue'
+  import { computed } from 'vue'
+  import type { ComputedRef } from 'vue'
 
   import { AUTH_USER_STORE } from '@/store/constants'
-  import { IAuthUserProfile } from '@/types/user'
+  import type { IAuthUserProfile } from '@/types/user'
   import { useStore } from '@/use/useStore'
 
   const store = useStore()

fittrackee_client/src/views/user/UserView.vue

@@ -8,19 +8,14 @@
 </template>
 
 <script setup lang="ts">
-  import {
-    ComputedRef,
-    computed,
-    onBeforeMount,
-    onBeforeUnmount,
-    toRefs,
-  } from 'vue'
+  import { computed, onBeforeMount, onBeforeUnmount, toRefs } from 'vue'
+  import type { ComputedRef } from 'vue'
   import { useRoute } from 'vue-router'
 
   import UserHeader from '@/components/User/ProfileDisplay/UserHeader.vue'
   import UserInfos from '@/components/User/ProfileDisplay/UserInfos.vue'
   import { USERS_STORE } from '@/store/constants'
-  import { IUserProfile } from '@/types/user'
+  import type { IUserProfile } from '@/types/user'
   import { useStore } from '@/use/useStore'
 
   interface Props {