Create a Chart on Vue.js 3 using Vue-Chartkick with Realtime Data from Firebase

Vue-Chartkick Quick Start

1. Install vue-chartkick chart.js on the vue project terminal.
2. Add import and use(VueChartkick) to main.js.

Getting started with vue-chartkick

Firebase Realtime Database setup

1. Get started with Firebase.
2. Create a new project and do the creation process.
3. Do the SDK Setup and Configuration.
4. Add the import function, firebase configuration and initializer to src/utl/firebase.js.
5. Create Realtime Database.
6. Create some data in the Data section and edit the Rules according to the needs.

Getting started with Firebase