Spryker VSF

# Configuration

# buildModules required

Place @spryker-vsf/composables/nuxt integration in buildModules inside nuxt.config.js file

buildModules: [
    ...
    [
      "@vue-storefront/nuxt",
      {
        coreDevelopment: true,
        logger: {
          verbosity: "error"
        },
        useRawSource: {
          dev: ["@spryker-vsf/composables", "@vue-storefront/core"],
          prod: ["@spryker-vsf/composables", "@vue-storefront/core"]
        }
      }
    ],
    ['@spryker-vsf/composables/nuxt', {
        ...
    }]
]

# axiosConfig required

Under the hood @spryker/api-client uses axios (opens new window) to handle all requests. To specify base url for glue api instance use axiosConfig configuration.

['@spryker-vsf/composables/nuxt', {
    axiosConfig: {
        baseURL: 'http://glue.de.spryker.local',
    },
    ...
}]

# currency required

Use currency configuration to specify default value and list of available currencies.

['@spryker-vsf/composables/nuxt', {
    currency: {
        default: 'EUR',
        options: [
        { name: 'EUR', label: 'Euro' },
        { name: 'CHF', label: 'Swiss Franc' },
        ],
    }
    ...
}]

# store required

Use store configuration to specify default value for store.

['@spryker-vsf/composables/nuxt', {
    store: "DE"
    ...
}]

# i18n

Use i18n to configure localization settings

['@spryker-vsf/composables/nuxt', {
    i18n: {
        useNuxtI18nModule: true,
    }
    ...
}]

← useCart →