Questions tagged [vue-storefront]

For questions related to the Vue Storefront project.

Filter by
Sorted by
Tagged with
0 votes
0 answers
7 views

Nuxt docker build error on deployment digitalocean

I have a nuxt v2 based project. basically it is created based on vuestorefront 2. the project run in the local machine both dev and build mode 100% fine. but when I try to deploy the dockerversion in ...
  • 825
0 votes
1 answer
25 views

Error expects string as the type, but found undefined with commit state to clear

I have a function that passes Data to Array, and whenever I call it again the previous data must be cleared. I'm handling it in-store as: const actions = { async clearAllStatesData({ commit }) { ...
0 votes
0 answers
39 views

vsf : The term 'vsf' is not recognized as the name of a cmdlet

I'm trying to install Vendure and integrate it with Vue Storefront. Entered command to install the CLI : yarn global add @vue-storefront/cli Get : success Installed "@vue-storefront/cli@3.0.1&...
0 votes
0 answers
85 views

Error: 413 Request Entity Too Large using Vue storefront

When i am send the image more than (100kb) in post request it gave me the error of 413 status code I tried to increase the size of payload but didn't work and the request didn't come to backend so ...
0 votes
1 answer
47 views

Vuestorefront not using correct tax and price in cart

I am having an issue with Vuestorefront and Magento 2 regarding the tax calculations and prices in the cart. I have a BE and an NL store set up, both have tax zones configured for the required ...
  • 129
2 votes
1 answer
764 views

Must use import to load ES Module after creating vuestorefront project

At first, I created a vuestorefront nuxtjs project using the command npx @vue-storefront/cli generate store with Odoo integration After that, I created a .env file BASE_URL=http://localhost:8069/ ...
0 votes
0 answers
48 views

tsc throws `TS2307: Cannot find module` for a local file in Vue store front

When I run "yarn dev" on vue store front I get this error:
  • 1
0 votes
0 answers
52 views

vue.js dynamic component renders twice with itself as child component

I have a component proxy which renders components using vue.js build in dynamic component. The instanceName is the component to render. The data is the relevant data for the component to render. <...
  • 96
0 votes
0 answers
67 views

Vuestorefront can't communicate with Prestashop in DockerFile

Have a problem with url middleware and prestashop integration. Everything works fine locally, but after moving the frontend (vsf/nuxt) and backends(prestashop) into docker containers the frontend ...
0 votes
1 answer
115 views

Shopware PWA custom route

I've create a custom Store route inside Shopware 6 as a plugin. It shows up in the store-api/_info/swagger.html url. What is does is it return an array with static text for now. Now is my question, ...
  • 11
0 votes
0 answers
100 views

Disable image caching on Vue Storefront PWA

I'm using the Shopware PWA (based on Vue Storefront). On another server I create product images dynamically. Customers can use a configurator and define logos and texts which will then be printed on ...
0 votes
0 answers
89 views

Storefront UI SfSidebar: Set different visibility for mobile & desktop

I’m new to Vue Storefront & Storefront UI. For my project I have implemented my main menu into an SfSidebar component. On mobile it should only be visible after clicking on the menu icon. On ...
  • 1
1 vote
1 answer
432 views

The extendRoutes function is not being called in nuxt.config.js

I've generated a store with Vue-Storefront, which uses Nuxt, and in the Layout and Routing documentation page, it is recommended to use extendRoutes as such: require("isomorphic-fetch"); ...
0 votes
0 answers
21 views

Something went wrong ... We've noticed Internal Server Error while rendering this request in vue storefront Error

Hello, i want to push my Vue storefront APP local to staging server then Like this Error Something went wrong ... We've noticed Internal Server Error while rendering this request. I don't know which ...
0 votes
0 answers
143 views

Get Magento 2 customer ID in Vue front-end

I am working on Vue Storefront ( a Nuxt.js with Express.js based framework) where GraphQL queries are used to get data from Magento 2. I tried to add customers ID in the GraphQL query for customer ...
  • 568
1 vote
1 answer
189 views

API-call via plugin to Server Middleware

I have configured a plugin and a custom Server Middleware extension. I am able to call functions via my plugin from the server middleware as seen in the snippet below: Plugin: async function ...
  • 568
1 vote
1 answer
193 views

Error during the build on the Plesk server with my Nuxt app

I have a Vue Storefront 2 project with Magento 2 as it CMS. Locally everything runs fine. When I try to run NPM install on my Plesk server before I can build and deploy it, it gives the following ...
  • 568
-1 votes
1 answer
110 views

I need to deploy vuestorefront to a bucket s3 or amplify,

I need to deploy vuestorefront to a s3 bucket or amplify, but I have had some problems since vuestorefront has a server on the front end, so I would like to know how I could do this and turn it into a ...
0 votes
1 answer
275 views

AWS Amplify redirect middleware NuxtJs requests not working

I tried to deploy vuestorefront (nuxtjs app) into AWS Amplify according https://docs.amplify.aws/guides/hosting/nuxt/q/platform/js/ My amplify.yml contains: version: 1 frontend: phases: preBuild:...
1 vote
0 answers
203 views

Shopware pwa ERROR [MIDDLEWARE][DOMAINS] Cannot read properties of undefined (reading 'data')

shopware-pwa.config.js module.exports = { shopwareEndpoint: "https://s19157.creolineserver.com", shopwareAccessToken: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", pwaHost: "https:/...
0 votes
1 answer
202 views

Can not follow stack trace

I am debugging my Vue Storefront project, which is based on Nuxt.js The error I currently face is: TypeError: Invalid URL which is not too informative. The Stack trace shows getIntergrationConfig in ...
  • 568
1 vote
1 answer
37 views

Grouping an Array by an Object in The Arrays Object -> Vue Storefront

Im new at VueSTorefront and i have a Problem at my Project. I want to Display the Products in the Cart in an Accordion gruped by their type. For this i want to group this Array by their Producttype so ...
  • 37
0 votes
3 answers
229 views

VSF Unable to get integration template from git repository

I want to set up a new vue storefront project and I've got this error. I don't know why this is happening, can someone help out in this situation? command: npx @vue-storefront/cli init ? What's your ...
0 votes
2 answers
287 views

Vue array undefined

I recently work on my team project that uses vue3. I am still trying to get used to vue component and api, so please excuse me for asking such a simple question. I was working on this page where I was ...
  • 11
0 votes
1 answer
251 views

Issue link magento with vuestorefront

I have a store built with Magento Ver.-2.4.3-p1 and I am trying to replace the front end with VueStorefront 2. But when i'm trying to connect the VueStorefont 2 with my current Magento system i'm ...
  • 9
0 votes
1 answer
195 views

Error in VueStoreFront integration with Shopify

I'm trying to install VueStoreFront with Shopify. I have followed the installtion steps in https://docs.vuestorefront.io/v2/general/installation.html for Store front and https://github.com/...
  • 2,532
2 votes
1 answer
214 views

is vue-storefront support (nuxtjs with typescript)?

I am trying to use @storefront-ui/nuxt inside a nuxtjs (with typescript) project. but this error show for me Could not find a declaration file for module '@storefront-ui/nuxt'. 'c:/Users/user/...
2 votes
0 answers
494 views

Vue.js server side rendering stop using inline CSS

Preface: Style loader reference: https://github.com/webpack-contrib/style-loader#linktag As per the documentation, style-loader allows the webpack to render tags in order to render the styling ...
0 votes
1 answer
162 views

How to update data in input after loading data from onSSR?

I'm trying to load my shipping data from server (onSSR) and update to my input form. But it don't update even I put my code in onSSR like: onSSR(async () => { await load(); await ...
0 votes
2 answers
177 views

VUE Storefront: Category page shows the item counts as string

in Category.vue I have the following line of code from the default files from storefront {{ $t('{count} items', { count: getCategoryProductsTotal }) }} https://github.com/vuestorefront/vsf-default/...
0 votes
1 answer
204 views

Storefront UI - SfComponentSelect don't work properly

In my own component, i'm using SfComponentSelect (here in official docs) When I click on option of select, selected option not show above the label "MySelect", this happen otherwise on ...
0 votes
1 answer
189 views

Rewrite .htaccess to Nginx configuration format to proxy different URLs to different ports [closed]

How to use this following htaccess rules in nginx? So if a user visits http://lovelythings.buzz/api or img it should use local port 8080. But when tries to visit other routes http://lovelythings.buzz ...
0 votes
1 answer
284 views

Vue storefront: how to override function inside helper?

I need to modify 'preConfigureProduct' function under vuestorefront/core/modules/catalog/helpers/search.ts https://github.com/vuestorefront/vue-storefront/blob/hotfix/v1.12.3/core/modules/catalog/...
0 votes
1 answer
231 views

Is there a way to successful integrate Vue Storefront Nuxt with Algolia Search Routing in SSR?

Integrating Algolia search with VSF/Next branch, got the basics down. Moving on to routing. With Vanilla Nuxt the integration works as it should, although the workarounds are starting to stack. To ...
0 votes
2 answers
835 views

Vuestorefront without SSR - asyncData not triggered

I have very bad expirience with Vuestorefront rebuilding because every change in code takes about 25 second. So I decided to turn off SSR (for development) and now it takes about 3-4 seconds! ...but ...
1 vote
1 answer
164 views

Vuestore | htaccess | page goes to 404 before loading

I have two domains. farrwest.com (running vuestore on port 3000 and vuestore-api on 8080) and dev.farrwest.com (running vuestore on port 3001) I have added .htaccess with rewrite rules on both domains ...
8 votes
1 answer
6k views

VueJS | Method "watch" has type "object" in the component definition

Currently I have following Watches in Product.vue file watch: { isOnline: { async handler (isOnline) { if (isOnline) { const maxQuantity = await this.getQuantity(); ...
2 votes
1 answer
772 views

How to extend core modules of Vue Storefront

I want to override an action from cart module store. I am trying to extend this CartModule by following this link Extending and Overriding Modules Doc I have created a file /src/modules/cart/index.ts ...
1 vote
0 answers
349 views

Vue-Storefront | show item in cart for the item added on magento cart for same sku and id

Currently i have connected the vue-storefront to magento2 and everything is working as expected There is a requirement where if another same product with same sku and id but with an additional ...
1 vote
0 answers
174 views

VUe-storefront Paypal express checkout token issue

I have enable paypal express checkout in magento 2 and add api detail. paypal works in magento 2. Then I have installed paypal extension in vue storefront from below link: https://docs.vuestorefront....
0 votes
2 answers
209 views

Product images issue in vue storefornt

I integrated vue store front with magento 2, frontend works fine but product images not display in frontend. It throws error Unable to compile TypeScript:\nsrc/image/action/local/index.ts(27,18): ...
0 votes
1 answer
1k views

Node.js docker container exits with exit code 0 after yurn start completes successfully

my Dockerfile bellow builds successfully: FROM node:10-alpine ENV VS_ENV prod WORKDIR /var/www COPY shims.d.ts ./ COPY tsconfig.json ./ COPY tsconfig-build.json ./ COPY package.json ./ COPY yarn....
1 vote
1 answer
786 views

Vue Storefront: Display labels for custom attribute filter instead of option id

I am trying to figure out from couple of days how to display label for filters on category page. As mentioned in document I have added attribute inside config.products.defaultFilters[] and the filter ...
  • 1,059
0 votes
0 answers
45 views

Webpack + Vue Storefront: dist .js file contains multiple "\n//\n"

I'm working on a Vue Storefront (link to Github repo) project and looking at a filed build by Webpack I see that is full of \n//\n//\n//\n//\n//\n//\n/* harmony default export */ sometimes this ...
  • 3,322
0 votes
1 answer
679 views

How to add custom custom product filter in vue-storefront

I have a question: how to implement additional filter to the vue-storefront product items filters? There are 4 filters (colors, Erin Recommends, price, size) in the default category sidebar and I want ...
1 vote
0 answers
252 views

Vuestorefront is not working with "yarn start" + production, working in "yarn dev" developement mode

I am using vuestorefront and I have used vuetique theme and customize it according to our needs. This project is perfectly running on development mode and all sections are loading completely. but when ...
0 votes
1 answer
298 views

Getting started with Vue Storefront

I am trying to build multi vendor eCommerce progressive web application and I came across vue storefront. Although the documentation is very helpful I want to hear if I have made the right choice and ...
  • 93
1 vote
1 answer
359 views

Errors installing vue-storefront

When I run yarn run dev on the vue-storefront, it starts on localhost:3000 and compiles successfully but then brings up this error. Error: ENOENT: no such file or directory, stat 'C:\Users\HP\...
0 votes
1 answer
426 views

Real time sync (magento2 - vue-storefront)

I'm working on a vue-storefront project integrated with magento-2 Backend and it's new tech that I just started working with. The problem is that the vue-storefront is not well documented. My ...
1 vote
1 answer
612 views

How we override the vue-storefront components

I am new to vue-storefront . Can anyone please explain how we override the vue-storefront components with example.Thank you