Client - upgrade Vue to 3.3 and move to Vite

This commit is contained in:
Sam
2023-11-11 15:23:04 +01:00
parent 91455251e1
commit 1befae927d
309 changed files with 6291 additions and 12719 deletions

View File

@ -13,11 +13,12 @@
</template>
<script setup lang="ts">
import { computed, ComputedRef, onBeforeMount } from 'vue'
import { computed, onBeforeMount } from 'vue'
import type { ComputedRef } from 'vue'
import NotFound from '@/components/Common/NotFound.vue'
import { AUTH_USER_STORE, ROOT_STORE } from '@/store/constants'
import { TAppConfig, IAppStatistics } from '@/types/application'
import type { TAppConfig, IAppStatistics } from '@/types/application'
import { useStore } from '@/use/useStore'
const store = useStore()

View File

@ -79,7 +79,8 @@
</template>
<script setup lang="ts">
import { ComputedRef, Ref, computed, onBeforeMount, ref } from 'vue'
import { computed, onBeforeMount, ref } from 'vue'
import type { ComputedRef, Ref } from 'vue'
import Timeline from '@/components/Dashboard/Timeline.vue'
import UserCalendar from '@/components/Dashboard/UserCalendar/index.vue'
@ -88,8 +89,8 @@
import UserStatsCards from '@/components/Dashboard/UserStatsCards/index.vue'
import PrivacyPolicyToAccept from '@/components/PrivacyPolicyToAccept.vue'
import { AUTH_USER_STORE, SPORTS_STORE } from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import type { ISport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
const store = useStore()
@ -188,10 +189,9 @@
}
}
@media screen and (max-width: $small-limit) {
.privacy-policy-message {
margin: 0 $default-margin*.5;
margin: 0 $default-margin * 0.5;
}
}
}

View File

@ -19,4 +19,4 @@
onBeforeMount(() => {
store.dispatch(ROOT_STORE.ACTIONS.GET_APPLICATION_PRIVACY_POLICY)
})
</script>
</script>

View File

@ -18,13 +18,14 @@
</template>
<script setup lang="ts">
import { ComputedRef, computed } from 'vue'
import { computed } from 'vue'
import type { ComputedRef } from 'vue'
import Statistics from '@/components/Statistics/index.vue'
import NoWorkouts from '@/components/Workouts/NoWorkouts.vue'
import { AUTH_USER_STORE, SPORTS_STORE } from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import type { ISport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
const store = useStore()

View File

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

View File

@ -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'

View File

@ -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()

View File

@ -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()

View File

@ -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 {

View File

@ -12,7 +12,8 @@
</template>
<script setup lang="ts">
import { ComputedRef, computed } from 'vue'
import { computed } from 'vue'
import type { ComputedRef } from 'vue'
import WorkoutEdition from '@/components/Workout/WorkoutEdition.vue'
import {
@ -20,9 +21,9 @@
SPORTS_STORE,
WORKOUTS_STORE,
} from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import { IWorkoutData } from '@/types/workouts'
import type { ISport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import type { IWorkoutData } from '@/types/workouts'
import { useStore } from '@/use/useStore'
const store = useStore()

View File

@ -13,7 +13,8 @@
</template>
<script setup lang="ts">
import { computed, watch, onBeforeMount, ComputedRef } from 'vue'
import { computed, watch, onBeforeMount } from 'vue'
import type { ComputedRef } from 'vue'
import { useRoute } from 'vue-router'
import WorkoutEdition from '@/components/Workout/WorkoutEdition.vue'
@ -22,9 +23,9 @@
SPORTS_STORE,
WORKOUTS_STORE,
} from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import { IWorkoutData } from '@/types/workouts'
import type { ISport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import type { IWorkoutData } from '@/types/workouts'
import { useStore } from '@/use/useStore'
const route = useRoute()

View File

@ -39,16 +39,8 @@
</template>
<script setup lang="ts">
import {
ComputedRef,
Ref,
computed,
ref,
toRefs,
watch,
onBeforeMount,
onUnmounted,
} from 'vue'
import { computed, ref, toRefs, watch, onBeforeMount, onUnmounted } from 'vue'
import type { ComputedRef, Ref } from 'vue'
import { useRoute } from 'vue-router'
import NotFound from '@/components/Common/NotFound.vue'
@ -61,9 +53,13 @@
SPORTS_STORE,
WORKOUTS_STORE,
} from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import { IWorkoutData, IWorkoutPayload, TCoordinates } from '@/types/workouts'
import type { ISport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import type {
IWorkoutData,
IWorkoutPayload,
TCoordinates,
} from '@/types/workouts'
import { useStore } from '@/use/useStore'
interface Props {

View File

@ -27,14 +27,15 @@
</template>
<script setup lang="ts">
import { ComputedRef, computed, ref } from 'vue'
import { computed, ref } from 'vue'
import type { ComputedRef } from 'vue'
import { useI18n } from 'vue-i18n'
import WorkoutsFilters from '@/components/Workouts/WorkoutsFilters.vue'
import WorkoutsList from '@/components/Workouts/WorkoutsList.vue'
import { AUTH_USER_STORE, SPORTS_STORE } from '@/store/constants'
import { ISport, ITranslatedSport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import type { ISport, ITranslatedSport } from '@/types/sports'
import type { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
import { translateSports } from '@/utils/sports'