> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Integration

> Integration — CometChat documentation.

By default, SmartReplies and ConversationStarter will be enabled if they are enabled from the dashboard as well.

### To Enable Specific Feature

<Tabs>
  <Tab title="TypeScript">
    ```ts theme={null}
    // entry file
    import
    { 
    AIEnabler,AISmartRepliesExtension,AISmartRepliesConfiguration 
    } from '@cometchat/chat-uikit-vue';
    import {UIKitSettingsBuilder} from '@cometchat/uikit-shared';

    const smartRepliesConfiguration = new AISmartRepliesConfiguration({});
    const aiFeatures = [new AISmartRepliesExtension(smartRepliesConfiguration)]; //Add the features 
    const uiKitSettings = new UIKitSettingsBuilder()
    .setAppId(appID)
    .setRegion(region)
    .setAuthKey(authKey)
    .subscribePresenceForFriends()
    .setAiFeatures(new AIEnabler(aiFeatures,new AIEnablerConfiguration({}))) //pass the features
    .build();
    ```
  </Tab>
</Tabs>

### To disable all features

<Tabs>
  <Tab title="TypeScript">
    ```ts theme={null}
    // entry file
    import {UIKitSettingsBuilder,AIEnabler} from '@cometchat/uikit-shared';

    const uiKitSettings = new UIKitSettingsBuilder()
    .setAppId(APPID)
    .setRegion(REGION)
    .setAuthKey(AUTHKEY)
    .subscribePresenceForFriends()
    .setAiFeatures(new AIEnabler([])) //pass an empty array to disable all the features.
    .build();
    ```
  </Tab>
</Tabs>

### Init CometChatUIKit

<Tabs>
  <Tab title="TypeScript">
    ```ts theme={null}
    import {CometChatUIKit } from '@cometchat/chat-uikit-vue';

    CometChatUIKit.init(uiKitSettings)?.then((response) => {
      console.log('CometChatUIKit initialization completed successfully');
       //load app
     });
    ```
  </Tab>
</Tabs>