Questions tagged [vue-storefront]
For questions related to the Vue Storefront project.
76
questions
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 ...
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 ...
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:
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.
<...
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, ...
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
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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 ...
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
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 ...
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 ...
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 ...
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