Introduced address management functionality, including address creation, deletion, and display with full localization support. Integrated GraphQL queries, mutations, and reusable composables for backend communication. - Added `addresses.vue` to profile for managing user addresses. - Implemented `useAddressCreate`, `useAddressDelete`, and `useAddressAutocomplete` composables. - Created reusable components: `forms/address.vue` and `cards/address.vue`. - Updated `navigation.vue` to include addresses in profile navigation. - Enhanced localization files for address-related translations. This improves user experience by enabling comprehensive address management in the profile section. No breaking changes.
31 lines
No EOL
473 B
Vue
31 lines
No EOL
473 B
Vue
<template>
|
|
<el-skeleton class="sk" animated>
|
|
<template #template>
|
|
<el-skeleton-item
|
|
variant="p"
|
|
class="sk__text"
|
|
v-for="idx in 5"
|
|
:key="idx"
|
|
/>
|
|
</template>
|
|
</el-skeleton>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.sk {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
padding: 10px 20px;
|
|
|
|
&__text {
|
|
width: 100%;
|
|
height: 32px;
|
|
}
|
|
}
|
|
</style> |