Design System LAUREATE E-COMMERCE

• Name: Design System LAUREATE E-COMMERCE
• Package name: lau-ecom-design-system

Development

# Instalar dependencias

yarn install

# Levantar storybook

yarn storybook

# Publicar una nueva versión de la liberería
npm run build or yarn build
npm pack
npm publish

Quick Setup

1. Agrege la dependencia lau-ecom-design-system a su proyecto

#Usando Yarn
yarn add lau-ecom-design-system

2. Para un proyecto de Nuxt, agregue el siguiente archivo plugins/lau-ecom-design-system.js y edite nuxt.config.ts con lo siguiente:

//plugins/lau-ecom-design-system.js
import { defineNuxtPlugin } from "#app";
import designsystem from "lau-ecom-design-system/dist/lau-ecom-design-system.ssr";
import "lau-ecom-design-system/dist/style.css";
import "lau-ecom-design-system/dist/lau-ecom-design-system.esm.css";

export default defineNuxtPlugin((nuxtApp) => {
  // Doing something with nuxtApp
  nuxtApp.vueApp.use(designsystem);
});

//nuxt.config.ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: false },
  plugins: ["~/plugins/lau-ecom-design-system.js"],
});

3. Para un proyecto de Vue, edite el archivo main.ts con lo siguiente:

//main.ts
import designsystem from "lau-ecom-design-system/dist/lau-ecom-design-system.esm";
import "lau-ecom-design-system/dist/style.css";
import "lau-ecom-design-system/dist/lau-ecom-design-system.esm.css";

app.use(designsystem);