open-index/open-npm huggingface dataset:
npm package: @salesqueze/cart-nuxt
Description: SaleSqueze shopping cart that is used as a Vuex module.
Author: SaleSqueze
Latest version: 1.0.5

[![@salesqueze/sdk-nuxt](https://media-exp1.licdn.com/dms/image/C4E16AQHqBfEpssxN-Q/profile-displaybackgroundimage-shrink_350_1400/0/1626815451833?e=1638403200&v=beta&t=8O9dtGCBVgeTcA209jI54aouDRCvceMT-qJwwmGFpwk)](https://salesqueze.com)


# @salesqueze/cart-nuxt

> [SaleSqueze](https://salesqueze.com) Cart Vuex Store module for [NuxtJS](https://nuxtjs.org)

- [📖 &nbsp;Read the documentation](https://salesqueze.com/docs/cart/nuxt)

## Features

- Cart management
- Persistnt storage

[📖 &nbsp;Read the documentation](https://salesqueze.com/docs/cart/nuxt)


## Installing

```
npm install @salesqueze/cart-nuxt
```

## Adding to Your Project

`@salesqueze/cart-nuxt` is a Vuex module, so adding it to your project is as simple as including the package as a module in your Vuex store. The `index.js` for your Vuex store should look something like this:

```
import Vue from "vue";
import Vuex from "vuex";
import cart from "@salesqueze/cart-nuxt";

Vue.use(Vuex);

export default new Vuex.Store({
  modules: { cart },
  state: {},
  mutations: {},
  actions: {},
  getters: {},
});

```
## Data Schemas
### Cart Item
A cart item must contain a `variants` object, which contains objects that describe a variation of a product. Each variant is a object whose `key` is the variant unique identifier(maybe a sku?). The `value` is an object with `name` and `price` objects. 
```
{
  ...<Your Custom Attributes>...,
  variants: {
    <variant_1_id>: {
      name: <variant_1_name>,
      price: <variant_1_price>
    },
    ...<More variants>...
  }
}
```

## Usage
* Import the Vuex store action constants(Only import the ones you need)
```
import {
  ADD_ITEM,
  REMOVE_ITEM,
  DUPLICATE_ITEM,
  LOAD_CART,
  CLEAR_CART,
  CART_ITEMS,
  CART_TOTAL,
  NUM_ITEMS
} from "vuex-shopping-cart/constants.type";
```
* Add an item to the cart
```
this.$store.dispatch(ADD_ITEM, {
  item: <Insert Your Item(Follow schema above)>,
  sku: <Unique ID for the product>,
});
```

* Remove an item from the cart
```
this.$store.dispatch(REMOVE_ITEM, <Insert Unique ID for the product>);
```

* Duplicate cart item
```
this.$store.dispatch(DUPLICATE_ITEM, <Insert Unique ID for the product>);
```

* Clear the entire cart
```
this.$store.dispatch(CLEAR_CART);
```

* Load the items from local storage
```
store.dispatch(LOAD_CART);
```
This is commonly dispatched every time that your vue application mounts. For example, in the `mounted` in your `app.vue` or in a `router.beforeEach()`.

## Built With

* [lodash](https://lodash.com/) - A modern JavaScript utility library
* [Vue](https://vuejs.org//) - JavaScript framework
npm package: @salesqueze/conf-helper
Description: SaleSqueze Configurator Helper that is used as a Vuex module.
Author: SaleSqueze
Latest version: 2.0.17

[![@salesqueze/conf-helper](https://media-exp1.licdn.com/dms/image/C4E16AQHqBfEpssxN-Q/profile-displaybackgroundimage-shrink_350_1400/0/1626815451833?e=1638403200&v=beta&t=8O9dtGCBVgeTcA209jI54aouDRCvceMT-qJwwmGFpwk)](https://salesqueze.com)


# @salesqueze/conf-helper

> [SaleSqueze](https://salesqueze.com) Configurator Helper Vuex Store module for [NuxtJS](https://nuxtjs.org) and [Vue](https://vuejs.org)

- [📖 &nbsp;Read the documentation](https://salesqueze.com/docs/helper/nuxt)

## Features

- Configurator state management
- Persistant storage

[📖 &nbsp;Read the documentation](https://salesqueze.com/docs/helper/nuxt)


## Installing

```
npm install @salesqueze/conf-helper
```

## Adding to Your Project

`@salesqueze/conf-helper` is a Vuex module, so adding it to your project is as simple as including the package as a module in your Vuex store. The `index.js` for your Vuex store should look something like this:

```
import Vue from "vue";
import Vuex from "vuex";
import helper from "@salesqueze/conf-helper";

Vue.use(Vuex);

export default new Vuex.Store({
  modules: { helper },
  state: {},
  mutations: {},
  actions: {},
  getters: {},
});

* Load the items from local storage
```
store.dispatch(LOAD_CART_FROM_STORAGE);
```
This is commonly dispatched every time that your vue application mounts. For example, in the `mounted` in your `app.vue` or in a `router.beforeEach()`.

## Built With

* [lodash](https://lodash.com/) - A modern JavaScript utility library
* [Vue](https://vuejs.org//) - JavaScript framework
npm package: @salesqueze/sdk
Description: SaleSqueze SDK for NUXT
Latest version: 0.1.49

[![@salesqueze/sdk-nuxt](https://media-exp1.licdn.com/dms/image/C4E16AQHqBfEpssxN-Q/profile-displaybackgroundimage-shrink_350_1400/0/1626815451833?e=1638403200&v=beta&t=8O9dtGCBVgeTcA209jI54aouDRCvceMT-qJwwmGFpwk)](https://salesqueze.com)


# @salesqueze/sdk-nuxt

> [SaleSqueze](https://salesqueze.com) module for [NuxtJS](https://nuxtjs.org)

- [📖 &nbsp;Read the documentation](https://salesqueze.com/docs/sdk/nuxt)

## Features

- Authentication support
- RESTful methods
- Adaptive SDK for API entities
- Handle errors with hooks
- TypeScript support

[📖 &nbsp;Read the documentation](https://salesqueze.com/docs/sdk/nuxt)