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.
27 lines
523 B
TypeScript
27 lines
523 B
TypeScript
import { ADDRESS_FRAGMENT } from '@graphql/fragments/address.fragment';
|
|
|
|
export const GET_ADDRESSES = gql`
|
|
query getAddresses(
|
|
$addressesAfter: String,
|
|
$addressesFirst: Int,
|
|
$addressesOrderBy: String,
|
|
|
|
) {
|
|
addresses(
|
|
after: $addressesAfter,
|
|
first: $addressesFirst,
|
|
orderBy: $addressesOrderBy,
|
|
) {
|
|
edges {
|
|
node {
|
|
...Address
|
|
}
|
|
}
|
|
pageInfo {
|
|
hasNextPage
|
|
endCursor
|
|
}
|
|
}
|
|
}
|
|
${ADDRESS_FRAGMENT}
|
|
`;
|