Alexandr SaVBaD Waltz
048da0e251
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.
20 lines
537 B
TypeScript
20 lines
537 B
TypeScript
import {GET_ADDRESSES} from "@graphql/queries/standalone/addresses";
|
|
import type { IAddressesResponse } from '@types';
|
|
|
|
export async function useAddresses() {
|
|
const addressesStore = useAddressesStore();
|
|
|
|
const { data, error } = await useAsyncQuery<IAddressesResponse>(GET_ADDRESSES);
|
|
|
|
if (!error.value && data.value?.addresses.edges[0]) {
|
|
addressesStore.setAddresses(data.value.addresses.edges[0].node);
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (err) {
|
|
console.error('useAddresses error:', err);
|
|
}
|
|
});
|
|
|
|
return {};
|
|
}
|