README.md

Presets

1. base
2. form
3. paywall
4. paywall_row
5. paywall_single
6. slide
7. Route

Base

defineConfig({
  pages: [
    {
      // extends: '', <- empty extends
      slides: [
        // ...
      ],
      // ...
    },
  ],
});

or

defineConfig({
  pages: [
    {
      extends: 'base',
      slides: [
        // ...
      ],
      // ...
    },
  ],
});

Slide

defineConfig({
  pages: [
    {
      // extends: '', <- empty extends
      slides: [
        {
          // extends: '',
          title: 'hello',
          //   ...
        },
      ],
      // ...
    },
  ],
});

or

defineConfig({
  pages: [
    {
      extends: 'base',
      slides: [
        {
          extends: 'slide',
          title: 'Hello',
          // ...
        },
        {
          // extends: '', <- empty extend
          title: 'Hello',
          // ...
        },
      ],
      // ...
    },
  ],
});

Form

defineConfig({
  pages: [
    {
      extends: 'form',
      form: [
        {
          id: 'id',
          type: 'text',
          placeholder: 'text',
        },
      ],
      // ...
    },
  ],
});

Paywall

defineConfig({
  pages: [
    {
      extends: 'paywall',
      products: [
        // ...
      ],
      // ...
    },
  ],
});

Paywall Row

defineConfig({
  pages: [
    {
      extends: 'paywall_row',
      products: [
        // ...
      ],
      // ...
    },
  ],
});

Paywall Signle

defineConfig({
  pages: [
    {
      extends: 'paywall_single',
      products: [
        // ...
      ],
      // ...
    },
  ],
});

Route.vue

The component will extract the configuration from the route's meta parameter to render the next preset and bind all configuration properties to this component