SnippetConfigExtraParams

Extracts the extra parameters from the SnippetConfig and syncs it with the request objects of every x-module.

Props

Name	Description	Type	Default
values	A Dictionary where the keys are the extra param names and its values.	Dictionary
excludedExtraParams	Collection of properties from the snippet config to exclude from the extra params object.	Array	(): Array => [ 'callbacks', 'productId', 'uiLang', 'consent', 'documentDirection', 'filters', 'isSpa', 'queriesPreview' ]

See it in action

See how the snippet config is injected and passed to the SnippetConfigExtraParams component.

<template>
  <Provider>
    <SnippetConfigExtraParams />
  </Provider>
</template>
<script>
  import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params';
  const Provider = {
    provide: {
      snippetConfig: {
        instance: 'demo',
        lang: 'es',
        warehouse: 1234
      }
    }
  };
  export default {
    name: 'SnippetConfigExtraParamsDemo',
    components: {
      Provider,
      SnippetConfigExtraParams
    }
  };
</script>