<1 min read

SnippetConfigExtraParams

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>