Vue Sample App by CometChat

This is a reference application showcasing the integration of CometChat's Vue UI Kit within a Vue framework. It provides developers with examples of implementing real-time messaging and voice and video calling features in their own Vue-based applications.

Prerequisites

• Ensure that you have Node.js and npm installed:

  npm install npm@latest -g

• Sign up for a CometChat account to get your app credentials: App ID, Region, and Auth Key

Installation

1. Clone the repository:

   git clone https://github.com/cometchat/cometchat-sample-app-vue.git
   

2. Navigate to the cloned directory:

   cd cometchat-sample-app-vue
   

3. Install dependencies:

   npm install
   

4. Enter your CometChat App ID, Region, and Auth Key in the src/AppConstants.ts file:

   cometchat-sample-app-vue/src/AppConstants.ts

   Lines 1 to 5 in 2073bef

   	export const AppConstants = {
   	APP_ID: "APP_ID",
   	REGION: "REGION",
   	AUTH_KEY: "AUTH_KEY",
   	};

5. If your app is created before August 12th, 2024 then change the sample data URL to https://assets.cometchat.io/sampleapp/v1/sampledata.json in the src/Login/index.vue file:

   cometchat-sample-app-vue/src/Login/index.vue

   Lines 249 to 251 in 2073bef

   	const response = await fetch(
   	"https://assets.cometchat.io/sampleapp/sampledata.json"
   	);

6. Run the project locally to see all CometChat features in action:

   npm run serve
   

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.