Component@pillar-ai/vue
PillarProvider
Vue component for initializing and managing the Pillar SDK.
typescript
import { PillarProvider } from '@pillar-ai/vue'
Signature
typescript
<PillarProvider v-bind="props" />
Props
Props
productKeystring
Your product key from the Pillar app.
Get it at app.trypillar.com
configOmit<PillarConfig, 'productKey' | 'helpCenter'>
Additional SDK configuration
Notable options:
- `panel.useShadowDOM`: Whether to isolate styles in Shadow DOM (default: false).
Set to false to let custom cards inherit your app's CSS (Tailwind, etc.)
onTask(task: TaskExecutePayload) => void
Handler called when a task action is triggered from the chat.
Use this to handle AI-suggested actions like opening modals, navigating, etc.
cardsRecord<string, CardComponent>
Custom card components to render for inline_ui type actions.
Map card type names to Vue components that will render the inline UI.
Deprecated
helpCenterstring
Deprecated.
Related Types
Source:
packages/sdk-vue/src/PillarProvider.vue