Preajuste
Ahora que terminamos el decorador, usemos un preajuste que envuelva cada historia.
preset-create-react-app y preset-nuxt. Estos se denominan complementos preestablecidos.
Los preajustes permiten combinar varias configuraciones diferentes de Storybook y aplicarlas de una vez. Algunos complementos son puramente responsables de configurar Storybook y no contienen UI.Por ejemplo, preset-create-react-app y preset-nuxt. Estos se denominan Preset addons (Complementos preajustados).
Nuestro preajuste se divide en dos partes:
manager.jspara registrar el complementopreview.jsPara especificar decoradores globales
Actualiza la vista previa para usar solo el decorador withGlobals, que automáticamente envolverá todas las historias.
import { withGlobals } from '../withGlobals';
export const decorators = [withGlobals];
withRoundTrip del Addon Kit es un ejemplo de comunicación bidireccional entre la historia y un complemento. Sin embargo, no es necesario para nuestro complemento y podemos eliminarlo.¡Éxitos! Ahora tienes un complemento completamente funcional en tu Storybook local. En el capítulo final, aprende a incluir tu complemento en el catálogo. De esa manera, puedes compartirlo con tu equipo y con la comunidad de Storybook.
