@vueuse/integrations

Integration with Firebase

This feature allows you to easily integrate Firebase services like Firestore and Authentication into your Vue.js application. The code sample demonstrates how to use Firestore to fetch a collection of 'todos' and Firebase Authentication to get the current user.

import { useFirestore, useAuth } from '@vueuse/integrations/firebase';

const { user } = useAuth();
const { data: todos } = useFirestore(
  firebase.firestore().collection('todos')
);

Integration with Axios

This feature provides a convenient way to make HTTP requests using Axios within your Vue.js components. The code sample shows how to fetch data from an API endpoint and handle loading and error states.

import { useAxios } from '@vueuse/integrations/axios';

const { data, error, loading } = useAxios('https://api.example.com/data');

Integration with RxJS

This feature allows you to use RxJS observables within your Vue.js components. The code sample demonstrates how to create an observable that emits values at a regular interval and use it within a Vue component.

import { useObservable } from '@vueuse/integrations/rxjs';
import { interval } from 'rxjs';

const { data } = useObservable(interval(1000));