# Class SisenseContextProvider
Sisense Context Provider Component allowing you to connect to a Sisense instance and provide that context to all Compose SDK components in your application.
# Example
Here's how to use the SisenseContextProvider component to wrap your Sisense-enabled application:
Add SisenseContextProvider to the main component of your app as below and then wrap
other SDK components inside this component.
<template>
<SisenseContextProvider
:url="sisenseUrl"
:defaultDataSource="defaultDataSource"
:ssoEnabled="true"
:token="authToken"
:wat="watToken"
:appConfig="appConfigurations"
>
<!-- Your application components here -->
</SisenseContextProvider>
</template>
<script>
import { ref } from 'vue';
import SisenseContextProvider from './SisenseContextProvider.vue';
export default {
components: { SisenseContextProvider },
setup() {
const sisenseUrl = ref('https://your-sisense-instance.com');
const defaultDataSource = ref('default_datasource_id');
const authToken = ref('your_auth_token');
const watToken = ref('your_wat_token');
const appConfigurations = ref({});
return { sisenseUrl, defaultDataSource, authToken, watToken, appConfigurations };
}
};
</script>
# Param
Sisense context provider props
# Properties
# Sisense App
# appConfig
readonlyappConfig?:AppConfig
Application specific configurations such as locale and date formats.
# defaultDataSource
readonlydefaultDataSource?:DataSource
Default data source explicitly set to be used by child components that are not defined with a data source.
# url
readonlyurl:string
URL of the Sisense environment the app connects to
# Sisense Authentication
# ssoEnabled
readonlyssoEnabled?:boolean
Single Sign-On (opens new window) toggle.
Set to true to use SSO authentication. When true, this overrides any other authentication methods. Defaults to false.
# token
readonlytoken?:null|string
Token for bearer authentication (opens new window).
To signify that the token is pending (e.g., being generated), set the value to null. This is supported for React and Vue only.
# wat
readonlywat?:null|string
Web Access Token (opens new window).
To signify that the token is pending (e.g., being generated), set the value to null. This is supported for React and Vue only.