[Bug]: Vue StoreFront integration don't works with Bagisto 2

Expected Behavior

Working cart, products etc
Actual Behavior

Nothing works, don't get products, don't working cart
Possible Solution

Update GraphQL in Vue SF integration to new version
Steps to reproduce

Just run yarn dev
What version of bagisto integration are you using?

What version of Node.js are you using?

16.20
What browser (and version) are you using?

Chrome
What operating system (and version) are you using?

Windows
Relevant log output

[dev:composables] created lib/index.cjs.js, lib/index.es.js in 6.7s
[dev:composables] bundles src/index.ts → lib/index.cjs.js, lib/index.es.js...
[dev:api-client] (!) Generated empty chunks
[dev:api-client] index, index
[dev:api-client] created lib/index.cjs.js, lib/index.es.js in 7.4s
[dev:api-client] bundles src/index.server.ts → server/index.js...
[dev:api-client] [!] (plugin rpt2) Error: /root/vuestorefront/packages/api-client/src/helpers/apiClient/defaultSettings.ts(5,5): semantic error TS2322: Type '""' is not assignable to type '"http://37.233.98.21:3000"'.
[dev:api-client] src/helpers/apiClient/defaultSettings.ts
[dev:api-client] Error: /root/vuestorefront/packages/api-client/src/helpers/apiClient/defaultSettings.ts(5,5): semantic error TS2322: Type '""' is not assignable to type '"http://37.233.98.21:3000"'.
[dev:api-client]     at error (/root/vuestorefront/node_modules/rollup/dist/shared/rollup.js:158:30)
[dev:api-client]     at throwPluginError (/root/vuestorefront/node_modules/rollup/dist/shared/rollup.js:21769:12)
[dev:api-client]     at Object.error (/root/vuestorefront/node_modules/rollup/dist/shared/rollup.js:22472:20)
[dev:api-client]     at Object.error (/root/vuestorefront/node_modules/rollup/dist/shared/rollup.js:21945:38)
[dev:api-client]     at RollupContext.error (/root/vuestorefront/node_modules/rollup-plugin-typescript2/src/rollupcontext.ts:37:18)
[dev:api-client]     at /root/vuestorefront/node_modules/rollup-plugin-typescript2/src/print-diagnostics.ts:41:11
[dev:api-client]     at arrayEach (/root/vuestorefront/node_modules/rollup-plugin-typescript2/node_modules/lodash/lodash.js:516:11)
[dev:api-client]     at Function._.each [as forEach] (/root/vuestorefront/node_modules/rollup-plugin-typescript2/node_modules/lodash/lodash.js:9368:14)
[dev:api-client]     at printDiagnostics (/root/vuestorefront/node_modules/rollup-plugin-typescript2/src/print-diagnostics.ts:9:2)
[dev:api-client]     at Object.transform (/root/vuestorefront/node_modules/rollup-plugin-typescript2/src/index.ts:244:5)
[dev:api-client]
[dev:composables] created lib/index.cjs.js, lib/index.es.js in 8s
[dev:theme] ✔ Server: Compiled successfully in 48.82s
[dev:theme] ✔ Client: Compiled successfully in 52.05s
[dev:theme] ℹ Waiting for file changes
[dev:theme] ℹ Memory usage: 867 MB (RSS: 1.04 GB)
[dev:theme] ℹ Listening on: http://37.233.98.21:3000/
[dev:theme] No issues found.
[dev:theme] Mocked: useStore.load
[dev:theme] Mocked: useUser.load
[dev:theme] Mocked: useCart.load
[dev:theme] Mocked: useCart.load
[dev:theme] Mocked: useWishlist.load
[dev:theme] 1
[dev:theme] 1
[dev:theme] 1
[dev:theme] Error getCart:
[dev:theme] GraphQL error: Cannot query field "shippingRates" on type "Address".
[dev:theme] GraphQL error: Field "additional" of type "[CartItemAdditional]" must have a sub selection.
[dev:theme] GraphQL error: Cannot query field "additionalData" on type "CartItem". Did you mean "additional"?
[dev:theme] GraphQL error: Cannot query field "product" on type "Product".
[dev:theme] GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme]
[dev:theme]   GraphQL error: Field "additional" of type "[CartItemAdditional]" must have a sub selection.
[dev:theme]   GraphQL error: Cannot query field "additionalData" on type "CartItem". Did you mean "additional"?
[dev:theme]   GraphQL error: Cannot query field "product" on type "Product".
[dev:theme]   GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme] Error getCart:
[dev:theme] GraphQL error: Cannot query field "shippingRates" on type "Address".
[dev:theme] GraphQL error: Field "additional" of type "[CartItemAdditional]" must have a sub selection.
[dev:theme] GraphQL error: Cannot query field "additionalData" on type "CartItem". Did you mean "additional"?
[dev:theme] GraphQL error: Cannot query field "product" on type "Product".
[dev:theme] GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme]
[dev:theme]   GraphQL error: Field "additional" of type "[CartItemAdditional]" must have a sub selection.
[dev:theme]   GraphQL error: Cannot query field "additionalData" on type "CartItem". Did you mean "additional"?
[dev:theme]   GraphQL error: Cannot query field "product" on type "Product".
[dev:theme]   GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme] Error getWishlist:
[dev:theme] GraphQL error: Cannot query field "itemOptions" on type "Wishlist".
[dev:theme] GraphQL error: Field "additional" of type "[FilterOption]" must have a sub selection.
[dev:theme] GraphQL error: Cannot query field "timeOfMoving" on type "Wishlist".
[dev:theme] GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme] GraphQL error: Cannot query field "productFlats" on type "Product".
[dev:theme] GraphQL error: Cannot query field "customerName" on type "Review". Did you mean "customer" or "customerId"?
[dev:theme]
[dev:theme]   GraphQL error: Field "additional" of type "[FilterOption]" must have a sub selection.
[dev:theme]   GraphQL error: Cannot query field "timeOfMoving" on type "Wishlist".
[dev:theme]   GraphQL error: Cannot query field "html" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "regular" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "special" on type "ProductPriceHtml".
[dev:theme]   GraphQL error: Cannot query field "productFlats" on type "Product".
[dev:theme]   GraphQL error: Cannot query field "customerName" on type "Review". Did you mean "customer" or "customerId"?
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme] Mocked: useCategory.categorySearch
[dev:theme] 1
[dev:theme] Error getCategoryTree:
[dev:theme] GraphQL error: Unknown argument "categoryId" on field "homeCategories" of type "Query".
[dev:theme] GraphQL error: Unknown argument "categorySlug" on field "homeCategories" of type "Query".
[dev:theme] GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme] GraphQL error: Cannot query field "breadcrumbs" on type "Category".
[dev:theme] GraphQL error: Cannot query field "translations" on type "Category".
[dev:theme] GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme] GraphQL error: Cannot query field "productCount" on type "Category".
[dev:theme] GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme] GraphQL error: Cannot query field "productCount" on type "Category".
[dev:theme]
[dev:theme]   GraphQL error: Unknown argument "categorySlug" on field "homeCategories" of type "Query".
[dev:theme]   GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme]   GraphQL error: Cannot query field "breadcrumbs" on type "Category".
[dev:theme]   GraphQL error: Cannot query field "translations" on type "Category".
[dev:theme]   GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme]   GraphQL error: Cannot query field "productCount" on type "Category".
[dev:theme]   GraphQL error: Cannot query field "imageUrl" on type "Category". Did you mean "logoUrl"?
[dev:theme]   GraphQL error: Cannot query field "productCount" on type "Category".
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme] Mocked: useProduct.getNewProduct
[dev:theme] 1
[dev:theme] Error getNewProduct:
[dev:theme] GraphQL error: Cannot query field "newProducts" on type "Query". Did you mean "allProducts", "products", or "product"?
[dev:theme]
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme] Mocked: useProduct.getFeaturedProduct
[dev:theme] 1
[dev:theme] Error getFeaturedProduct:
[dev:theme] GraphQL error: Cannot query field "featuredProducts" on type "Query". Did you mean "compareProducts", "allProducts", or "compareProduct"?
[dev:theme]
[dev:theme]   at new ApolloError (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:92:26)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1589:34
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2009:15
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2007:26
[dev:theme]   at Map.forEach (<anonymous>)
[dev:theme]   at QueryManager.broadcastQueries (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2005:20)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:2132:19
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:322:23)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
[dev:theme]   at onNotify (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:179:3)
[dev:theme]   at SubscriptionObserver.next (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:235:7)
[dev:theme]   at /root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1102:36
[dev:theme]   at Set.forEach (<anonymous>)
[dev:theme]   at Object.next (/root/vuestorefront/node_modules/apollo-client/bundle.umd.js:1101:21)
[dev:theme]   at notifySubscription (/root/vuestorefront/node_modules/zen-observable/lib/Observable.js:135:18)
Code of Conduct

[X] I agree to follow this project's Code of Conduct
bagisto / vuestorefront

[Bug]: Vue StoreFront integration don't works with Bagisto 2 #5

Expected Behavior

Actual Behavior

Possible Solution

Steps to reproduce

What version of bagisto integration are you using?

What version of Node.js are you using?

What browser (and version) are you using?

What operating system (and version) are you using?

Relevant log output

Code of Conduct
