@vue-storefront/nuxt NPM | npm.io

3.1.0 • Published 2 months ago

Install

Weekly downloads

459

License

MIT

Repository

Last release

2 months ago

@vue-storefront/nuxt

Quick Setup

Add @vue-storefront/nuxt dependency to your project

# Using pnpm
pnpm add -D @vue-storefront/nuxt

# Using yarn
yarn add --dev @vue-storefront/nuxt

# Using npm
npm install --save-dev @vue-storefront/nuxt

Add @vue-storefront/nuxt to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ["@vue-storefront/nuxt"],
});

Configure the module

To configure the module, use vsf key in the Nuxt configuration object and provide necessary information such as the Middleware instance address:

export default defineNuxtConfig({
  modules: ["@vue-storefront/nuxt"],
  vsf: {
    middleware: {
      apiUrl: "http://localhost:4000"
    }
  },
});

Create SDK config file - sdk.config.ts in root directory of your project:

The defineSdkConfig function is used for this purpose. The parameter for calling this function should be an anonymous function that receives an injected context from the module, containing:

the buildModule function,
the middleware URL (middlewareUrl),
a function for retrieving the Cookie header with cookie values (getCookieHeader).

You should import all other SDK configuration components. See the example below illustrating the SDK configuration with Unified and Contentful modules.

import {
  contentfulModule,
  ContentfulModuleType,
} from "@vsf-enterprise/contentful-sdk";
import { unifiedModule } from "@vsf-enterprise/unified-sdk";
import type { UnifiedApiExtension } from "../storefront-middleware/middleware.config";

export default defineSdkConfig(
  ({ buildModule, middlewareUrl, getCookieHeader }) => ({
    unified: buildModule(unifiedModule<UnifiedApiExtension>, {
      apiUrl: middlewareUrl + "/commerce",
      requestOptions: {
        headers: getCookieHeader,
      },
    }),
    contentful: buildModule<ContentfulModuleType>(contentfulModule, {
      apiUrl: middlewareUrl + "/cntf",
    }),
  }),
);

That's it! You can now use VueStorefront Module in your Nuxt app ✨

@nuxt/kit @nuxt/schema @vue-storefront/sdk knitwork

@infinitebrahmanuniverse/nolb-_vue-@everything-registry/sub-chunk-994 @goshop/vsf-theme @kali604/reactioncommerce-theme beehole-store-theme @bee-hole/theme @vsf-devgurus/vsf-ct-rest-integration-theme @vue-storefront/commercetools-theme @vue-storefront/sfcc-theme @vue-storefront/shopify-theme @crearis/data-main @crearis/theme-main vue-storefront-usimple-api-theme

2 months ago

2 months ago

3 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

10 months ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.4-prealpha.949

4 years ago

0.0.4-prealpha.947

4 years ago

0.0.4-prealpha.944

4 years ago

0.0.4-prealpha.938

4 years ago

0.0.4-prealpha.940

4 years ago

0.0.4-prealpha.898

4 years ago

0.0.4-prealpha.895

4 years ago

0.0.4-prealpha.756

4 years ago

0.0.4-prealpha.730

4 years ago

0.0.4-prealpha.729

4 years ago

0.0.4-prealpha.725

4 years ago

0.0.4-prealpha.724

4 years ago

0.0.4-prealpha.713

4 years ago

0.0.4-prealpha.710

4 years ago

0.0.4-prealpha.709

4 years ago

0.0.4-prealpha.708

4 years ago

0.0.4-prealpha.706

4 years ago

0.0.4-prealpha.702

4 years ago

0.0.4-prealpha.697

4 years ago

0.0.4-prealpha.681

4 years ago

0.0.4-prealpha.664

4 years ago

0.0.4-prealpha.662

4 years ago

0.0.4-prealpha.663

4 years ago

0.0.4-prealpha.660

4 years ago

0.0.4-prealpha.620

4 years ago

0.0.4-prealpha.619

4 years ago

0.0.4-prealpha.618

4 years ago

0.0.4-prealpha.611

4 years ago

0.0.4-prealpha.608

4 years ago

0.0.4-prealpha.604

4 years ago

0.0.4-prealpha.600

4 years ago

0.0.4-prealpha.588

4 years ago

0.0.4-prealpha.582

4 years ago

0.0.4-prealpha.580

4 years ago

0.0.4-prealpha.576

4 years ago

0.0.4-prealpha.573

4 years ago

0.0.4-prealpha.568

4 years ago

0.0.4-prealpha.566

4 years ago

0.0.4-prealpha.564

4 years ago

0.0.4-prealpha.561

4 years ago

0.0.4-prealpha.560

4 years ago

0.0.4-prealpha.559

4 years ago

0.0.4-prealpha.558

4 years ago

0.0.4-prealpha.557

4 years ago

0.0.4-prealpha.556

4 years ago

0.0.4-prealpha.555

4 years ago

0.0.4-prealpha.554

4 years ago

0.0.4-prealpha.552

4 years ago

0.0.4-prealpha.549

4 years ago

0.0.4-prealpha.548

4 years ago

0.0.4-prealpha.538

4 years ago

0.0.4-prealpha.535

4 years ago

0.0.4-prealpha.497

4 years ago

0.0.4-prealpha.496

4 years ago

0.0.4-prealpha.495

4 years ago

0.0.4-prealpha.486

4 years ago

0.0.4-prealpha.487

4 years ago

0.0.4-prealpha.484

4 years ago

0.0.4-prealpha.481

4 years ago

0.0.4-prealpha.477

4 years ago

0.0.4-prealpha.475

4 years ago

0.0.4-prealpha.471

4 years ago

0.0.4-prealpha.468

4 years ago

0.0.4-prealpha.469

4 years ago

0.0.4-prealpha.466

4 years ago

0.0.4-prealpha.455

4 years ago

0.0.4-prealpha.445

4 years ago

0.0.4-prealpha.441

4 years ago

0.0.4-prealpha.440

4 years ago

0.0.4-prealpha.435

4 years ago

0.0.4-prealpha.431

4 years ago

0.0.4-prealpha.432

4 years ago

0.0.4-prealpha.430

4 years ago

0.0.4-prealpha.429

4 years ago

0.0.4-prealpha.426

4 years ago

0.0.4-prealpha.427

4 years ago

0.0.4-prealpha.424

4 years ago

0.0.4-prealpha.422

4 years ago

0.0.4-prealpha.419

4 years ago

0.0.4-prealpha.418

4 years ago

0.0.4-prealpha.415

4 years ago

0.0.4-prealpha.413

4 years ago

0.0.4-prealpha.381

4 years ago

0.0.4-prealpha.377

4 years ago

0.0.4-prealpha.367

4 years ago

0.0.4-prealpha.366

4 years ago

0.0.4-prealpha.364

4 years ago

0.0.4-prealpha.362

4 years ago

0.0.4-prealpha.358

4 years ago

0.0.4-prealpha.359

4 years ago

0.0.4-prealpha.356

4 years ago

0.0.4-prealpha.354

4 years ago

0.0.4-prealpha.353

4 years ago

0.0.4-prealpha.351

4 years ago

0.0.4-prealpha.344

4 years ago

0.0.4-prealpha.339

4 years ago

0.0.4-prealpha.335

4 years ago

0.0.4-prealpha.333

4 years ago

0.0.4-prealpha.332

4 years ago

0.0.4-prealpha.329

4 years ago

0.0.4-prealpha.327

4 years ago

0.0.4-prealpha.324

4 years ago

0.0.4-prealpha.331

4 years ago

0.0.4-prealpha.309

4 years ago

0.0.4-prealpha.306

4 years ago

0.0.4-prealpha.314

4 years ago

0.0.4-prealpha.303

4 years ago

0.0.4-prealpha.304

4 years ago

0.0.4-prealpha.312

4 years ago

0.0.4-prealpha.300

4 years ago

4 years ago

4 years ago

4 years ago

0.0.1-prealpha.140

4 years ago