refactor(composables): align refactor perf improvements branch to current develop (#713)

* refactor(theme): refactored Page route to use asyncData

* perf(theme): refactored asyncData to useAsync on page.vue

* refactor(theme): restored redis support for cms pages

* refactor(theme): add nuxt/pinia module to manage app state (#568)

Co-authored-by: Bartosz Herba <[email protected]>

* refactor(theme): add core pinia module

* refactor(theme): refactored AppHeader to use the useAsync composable instead of onSSR (#570)

* refactor(theme): refactor useConfig composable (#572)

- mark composable useCnfig as deprecated
    - move composable to theme module
    - rework composable to get rid of core dependency and to utilize Pinia store

Co-authored-by: Bartosz Herba <[email protected]>

* refactor(composables): moved the useExternalCheckout composable to theme (#571)

* refactor: m2-154. refactor use store composable to use pinia store (#576)

* temp use store

* refactor(theme): refactor useStore composable

- mark useStore as deprecated in composables
- add useStore composable in a theme module

BREAKING CHANGE: rework useStore composable

Co-authored-by: Bartosz Herba <[email protected]>

* refactor: restored loadUser in app header

* refactor: useWishlist (#577)

* refactor: refactored context binding

* refactor: refactored useWishlist, fixed removing from wishlist in my account

* refactor: wishlist: cr changes

* refactor(theme):  M2 155. refactor useCurrency composable (#579)

* refactor(theme): move stores to pinia store

* refactor(theme): refactor useCurrency composable
BREAKING CHANGES:
- mark useCurrency as a deprecated in composables module
-  add refactored and lightweight useCurrency in theme with usage of pinia store management

Co-authored-by: Bartosz Herba <[email protected]>

* refactor: useUser (#582)

* refactor: added new theme composable: useUser

* refactor(theme): changed useUser binding to the new composable

* refactor(useuser): added types

* docs: added depracated infor to useUser composable

* refactor: removed console.log

* refactor(theme): refactored UseForgotPassword (#583)

* refactor: refactored useCategory composable (#585)

* refactor: refactored useFacet composable (#587)

* refactor(theme): refactor useCart composable (#584)

Co-authored-by: Bartosz Herba <[email protected]>

* refactor: refactored useCategorySearch (#589)

* refactor(theme): refactor useContent composable (#590)

BREAKING CHANGE: - mark useContent as deprecated, implement useContent in theme package

* fix(theme): fix page component data load

* refactor: refactored usecontent to work with useasync composable

* refactor: a/B testing: changed config loading from on moundted to useFetch (#593)

* fix: fixed ssr issues (#594)

* refactor: restored chunks

* refactor: removed chunks

* test: a/b: disabled config loading, and navigation

* refactor(theme): refactor useUiState (#595)

Co-authored-by: Bartosz Herba <[email protected]>

* - fix issues with dynamic modules import
- fix issues with useUiState import

* - update cart store and usage of useCart composable

* - fix wishlist issues after merge

* - mark tests as skipped for a further refactor

* Update .github/workflows/deploy-vue-storefront-cloud.yml

Co-authored-by: Artur Tagisow <[email protected]>

* Update .github/workflows/deploy-vue-storefront-cloud.yml

* Update packages/composables/src/composables/useCart/index.ts

* Update packages/composables/src/composables/useCart/index.ts

* Update packages/composables/src/composables/useCategorySearch/index.ts

* Update packages/theme/composables/useCart/commands/loadTotalQtyCommand.ts

* Update packages/composables/src/composables/useCategorySearch/index.ts

* Update packages/composables/src/composables/useConfig/index.ts

* Update packages/composables/src/composables/useContent/index.ts

* Update packages/composables/src/composables/useContent/index.ts

* - update docblocks

Co-authored-by: Marcin Kwiatkowski <[email protected]>
Co-authored-by: Bartosz Herba <[email protected]>
Co-authored-by: Artur Tagisow <[email protected]>

Author: 3 people

packages/api-client/src/types/GraphQL.ts

@@ -660,13 +660,13 @@ export interface Cart {
   /** The entered gift message for the cart */
   gift_message?: Maybe<GiftMessage>;
   /** The unique ID for a `Cart` object */
-  id: Scalars['ID'];
-  is_virtual: Scalars['Boolean'];
+  id?: Maybe<Scalars['ID']>;
+  is_virtual: Maybe<Scalars['Boolean']>;
   items?: Maybe<Array<Maybe<CartItemInterface>>>;
   prices?: Maybe<CartPrices>;
   selected_payment_method?: Maybe<SelectedPaymentMethod>;
-  shipping_addresses: Array<Maybe<ShippingCartAddress>>;
-  total_quantity: Scalars['Float'];
+  shipping_addresses?: Maybe<Array<Maybe<ShippingCartAddress>>>;
+  total_quantity?: Maybe<Scalars['Float']>;
 }
 
 export interface CartAddressCountry {

packages/composables/nuxt/plugin.js

@@ -5,6 +5,7 @@ import cookie from '@vue-storefront/magento/nuxt/cookie';
 
 const moduleOptions = JSON.parse('<%= JSON.stringify(options) %>');
 
+// TODO should be moved to THEME and expose consistent cookie management API
 export default integrationPlugin(({ app, res, req, integration }) => {
   const cartCookieName = moduleOptions.cookies?.cartCookieName || defaultConfig.cookies.cartCookieName;
   const customerCookieName = moduleOptions.cookies?.customerCookieName || defaultConfig.cookies.customerCookieName;

packages/composables/src/composables/useCart/index.ts

@@ -1,5 +1,6 @@
-/* istanbul ignore file */
-/* eslint-disable no-param-reassign */
+/**
+ * @deprecated since version 1.0.0
+ */
 import {
   ComposableFunctionArgs,
   Context,

packages/composables/src/composables/useCategorySearch/index.ts

@@ -5,6 +5,9 @@ import { Category, CategorySearchQueryVariables } from '@vue-storefront/magento-
 import { UseCategorySearchFactory, useCategorySearchFactory } from '../../factories/useCategorySearchFactory';
 import { UseCategorySearch } from '../../types/composables';
 
+/**
+ * @deprecated since version 1.0.0
+ */
 const factoryParams: UseCategorySearchFactory<Category, CategorySearchQueryVariables> = {
   search: async (context: Context, params): Promise<Category[]> => {
     Logger.debug('[Magento]: Search for category using', { params });

packages/composables/src/composables/useConfig/index.ts

@@ -1,4 +1,7 @@
-import {Context, Logger} from '@vue-storefront/core';
+/**
+ * @deprecated since version 1.0.0
+ */
+import { Context, Logger } from '@vue-storefront/core';
 import { StoreConfig } from '@vue-storefront/magento-api';
 import { useConfigFactory, UseConfigFactoryParams } from '../../factories/useConfigFactory';
 import { UseConfig } from '../../types/composables';

packages/composables/src/composables/useContent/index.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated since version 1.0.0
+ */
 import { Context, Logger } from '@vue-storefront/core';
 import { Page, CmsBlock } from '@vue-storefront/magento-api';
 import { useContentFactory, UseContentFactoryParams } from '../../factories/useContentFactory';

packages/composables/src/composables/useCurrency/index.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated since version1.0.0
+ */
 import { Context } from '@vue-storefront/core';
 import { Currency } from '@vue-storefront/magento-api';
 import { useCurrencyFactory, UseCurrencyFactoryParams } from '../../factories/useCurrencyFactory';

packages/composables/src/composables/useExternalCheckout/index.ts

@@ -3,6 +3,9 @@ import { useExternalCheckoutFactory, UseExternalCheckoutFactoryParams } from '..
 import useCart from '../useCart';
 // import useConfig from '../useConfig';
 
+/**
+ * @deprecated since version1.0.0
+ */
 const factoryParams: UseExternalCheckoutFactoryParams = {
   provide() {
     return {

packages/composables/src/composables/useFacet/_utils.ts

@@ -1,3 +1,5 @@
+// @depracated - moved to theme
+
 import { SearchData } from '../../types';
 
 const buildBreadcrumbsList = (rootCat, bc) => {

packages/composables/src/composables/useFacet/index.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated since version1.0.0
+ */
 import {
   ComposableFunctionArgs,
   Context,
@@ -58,6 +61,9 @@ const constructSortObject = (sortData: string) => {
   return baseData.length > 0 ? Object.fromEntries([baseData]) : {};
 };
 
+/**
+ * @deprecated since version1.0.0
+ */
 const factoryParams = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   search: async (context: Context, params: ComposableFunctionArgs<FacetSearchResult<any>>) => {