nuxt-modules / snipcart Goto Github PK

After installing the package Chrome is throwing errors when running "npm run dev"

GET http://localhost:3000/__webpack_hmr/client net::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)

This is causing a complete NUXT re-build every time. I have double checked and it is 100% the Snipcart package causing this error.

Snipcart has an option to change the modal style to side using a data attribute but it doesn‘t seem to be accessible in this module’s options.

I’m guessing that the only way to enable it now would be to add Snipcart manually instead of using this module but it would be great if it were added as an option.

Inside nuxt.config.ts you have to add an import
import '@nuxtjs/snipcart'
Else you get an error if adding the snipcart property to nuxt.config.ts, at least this was for me the case:
Argument of type ... is not assignable to parameter of type 'NuxtConfig'.

Just creating an issue if you think something is missing. Don't hesitate to comment

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update all non-major dependencies (@nuxt/content-theme-docs, cypress, nuxt)

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): update actions/setup-node action to v3
• chore(deps): update devdependency cypress to v12
• chore(deps): update devdependency nuxt to v3

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Hi,

Is there a way to configure currencies with this module.
According to snipcart documentation, we have to deal with js : Snipcart.api.session.setCurrency('usd');

Maybe an easier way with this module?

Thanks,
Kevin

• Review code by framework team (@pi0 @Atinux @clarkdo)
• Send NPM invitation
• Send nuxt-community invitation
• Move repository to nuxt-community
• Update all references to @nuxtjs/snipcart
• Publish @nuxtjs/snipcart
• Deprecate nuxt-snipcart npm package (seems never published)
• Teardown current netlify website
• Deploy snipcart.nuxtjs.org
• Add to modules.nuxtjs.org (delayed)

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

I created the customize.js file, and placed it in the root folder /snipcart.

The following code in customize.js should add an h3 html tag in the header of the "order thank you page" but nothing is showing up:

module.exports = '<order section="header"><cart-header class="snipcart-checkout__header" :show-items-count="false" :show-summary="false" :show-account-menu="false"></cart-header><h3>MY CUSTOM HTML CODE</h3></order>'

This is the reference for order page customization: https://docs.snipcart.com/v3/themes/default/reference#component-order
And this is the overridable component section

The snipcart folder also includes customize.css file, the style customization is working as expected.

I also take a look at the example but it seems to me that nothing else is missing.
Any suggestion?

Thanks

Example:

locales: {
      en: {
            "cart": {
                      "loading": "We're getting your bag ready...",
            }
      }
{

Result: Syntax Error: Unexpected token, expected "," (27:167)

Changing We're to We are fixes the error.

Playing around with escaping the character, using back ticks, all cause the same issue. I've had to avoid using contractions on quite a few of my custom internationalizations. Any guidance would be very much appreciated!

Hi everyone,

It will be usefull to have an access to $snipcart.setCurrency() (in the same way as "$snipcart.setLanguage()")

Here is the documentation of snipcart : https://docs.snipcart.com/v1/javascript-api/public-api#getcurrentcurrency

Have a good day,
Kevin

Hi,
I noticed that in my case there was a memory leak when I used this plugin in my Nuxt.js project.
Every time I updated something and the rebuild on my dev environment triggered it was doubling the memory usage until it finally crashed after 2-3 rebuilds.
Everything worked fine when I removed the module.
Nuxt.js version: 2.14.12
Snipcart module version: 1.1.1

Thanks for looking into the issue.

It is Normale that the Module is missing on the Nuxt Module Website ? I mean it still Maintained ?

Thanks in Advance

Hello,

I'm facing a strange issue when trying to add snipcart module to my tiny nuxt project.

Just adding it (yarn add @nuxtjs/snipcart)
Then, adding to build module list :
buildModules: [
'@nuxtjs/pwa',
'@nuxtjs/eslint-module',
'@nuxtjs/tailwindcss',
'@nuxtjs/snipcart',
],

is creating an infinite loop when running yarn dev command without any error message :(

here is my package.json file :

{ "name": "poc-nuxt", "version": "1.0.0", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .", "lint": "yarn lint:js" }, "dependencies": { "@nuxt/content": "^1.8.1", "@nuxtjs/axios": "^5.12.2", "@nuxtjs/onesignal": "^3.0.0-beta.16", "@nuxtjs/prismic": "^1.2.4", "@nuxtjs/pwa": "^3.0.2", "@nuxtjs/snipcart": "^1.1.1", "core-js": "^3.6.5", "nuxt": "^2.14.5", "postscribe": "^2.0.8" }, "devDependencies": { "@nuxtjs/eslint-config": "^3.1.0", "@nuxtjs/eslint-module": "^2.0.0", "@nuxtjs/tailwindcss": "^3.0.2", "babel-eslint": "^10.1.0", "eslint": "^7.8.1", "eslint-plugin-nuxt": "^1.0.0", "tailwindcss-dark-mode": "^1.1.7" }, "volta": { "node": "12.18.4" } }

Node version : v15.6.0

Have you already encountered this issue ?

Thanks for your precious help.

Hello,
I can't seem to add new custom order fields (not product).
I was following https://docs.snipcart.com/v1/configuration/custom-fields#order-custom-fields and https://snipcart.nuxtjs.org/setup#attributes by adding these attributes in the Snipcart module config like so:

Attribute data-config-modal-style is working for me, but others are not. Can someone reproduce the issue?

Thank you

Hi, thanks for the module. It's simply great. 🙏

Just read the docs and trying to override a template, in this case

When I edit something and perform a save, hot reload doesn't happen.

I've to rebuild manually nuxt to see the changes.

is this the expected behavior? Probably, for this kind of changes it is the only way forward. I do not know. Thanks 🤙🏻

Hi sorry the cart modal works - changing question: I'm just wondering if there is a way to load this after all other JS has been loaded, as the snipcart JS seems to be interferring with other JS scripts I have. i.e. my nav menu has display issues because the snipcart JS seems to be causing problems regarding load order.

I have implemented it a while ago now. Recently update to be able to control the sidebar effect.

Don't hesitate to comment here if I forgot things. It will help me and snipcart. And of course you !

Thanks for your help :).

If you like it don't forget to star the project 👍🏼