docs: updates

Author: posva

docs/guide/app-check.md

@@ -0,0 +1,3 @@
+# AppCheck
+
+wip

docs/guide/getting-started.md

@@ -69,7 +69,7 @@ Note that we will refer to `database` and `firestore` as `db` in examples where
 
 ### Setup
 
-First, install the VueFire Vue plugin. It will allow you to add extra modules like [Storage](./storage.md) or [Auth](./auth.md) to your app.
+First, install the VueFire Vue plugin. It will allow you to add extra modules like [AppCheck](./app-check.md) or [Auth](./auth.md) to your app.
 
 ```ts
 import { createApp } from 'vue'
@@ -196,29 +196,37 @@ If you want to change the data, you should use the Firebase API (e.g. `setDoc()`
 
 ### Options API
 
-The composition API is the recommended way to use VueFire because its API is more flexible and it's easier to use with TypeScript.
-
 VueFire can also be used with the Options API, while less flexible, it's still a valid way to use VueFire. First, you need to install the options plugin:
 
-- Install `firestorePlugin` to use _Firestore_
-- Install `databasePlugin` to use Firebase _Database_
+- Add the `VueFireFirestoreOptionsAPI` module to use _Firestore_
+- Add the `VueFireDatabaseOptionsAPI` module to use Firebase _Database_
 
 <FirebaseExample>
 
 ```js
 import { createApp } from 'vue'
-import { databasePlugin } from 'vuefire'
+import { VueFire, VueFireDatabaseOptionsAPI } from 'vuefire'
 
 const app = createApp(App)
-app.use(databasePlugin)
+app.use(VueFire, {
+  // ...
+  modules: [
+    VueFireDatabaseOptionsAPI(),
+  ],
+})
 ```
 
 ```js
 import { createApp } from 'vue'
-import { firestorePlugin } from 'vuefire'
+import { VueFire, VueFireFirestoreOptionsAPI } from 'vuefire'
 
 const app = createApp(App)
-app.use(firestorePlugin)
+app.use(VueFire, {
+  // ...
+  modules: [
+    VueFireFirestoreOptionsAPI(),
+  ],
+})
 ```
 
 </FirebaseExample>

docs/guide/realtime-data.md

@@ -6,11 +6,11 @@ If you are looking for the VueFire Options API guide, make sure to **also check*
 
 In VueFire, subscriptions to data changes are handled transparently. That's why we always talk about _binding_: you only provide the _data source_ (Collection, Query or Document), and VueFire takes care of the rest!
 
-When using Firebase Database and Firestore, you can either retrieve the data once or _subscribe_ to changes with methods like `onSnapshot()` and `onValue()`. VueFire will automatically handle the subscription for you, and update the data when it changes by internally using these functions, greatly simplifying the whole process of connecting your Vue Data to the realtime data from Firebase. It exposes a few [composables](https://vuejs.org/guide/reusability/composables.html#composables) to create these realtime bindings, it's important to note that, like other composables, these functions are meant to be used within a `setup()` function or a `<script setup>`. You can still use them outside of these contexts for advanced scenarios [like Vuex/Pinia](../cookbook/subscriptions-external.md) or global bindings but we will focus on the most common use case here. You can also use the [Options API equivalent](#options-api), in this section of the docs we will focus on the Composition API version and give you the equivalent for the Options API.
+When using Firebase Database and Firestore, you can either retrieve the data once or _subscribe_ to changes with methods like `onSnapshot()` and `onValue()`. VueFire will automatically handle the subscription for you, and update the data when it changes by internally using these functions, greatly simplifying the whole process of connecting your Vue Data to the realtime data from Firebase. It exposes a few [composables](https://vuejs.org/guide/reusability/composables.html#composables) to create these realtime bindings, it's important to note that, like other composables, these functions are meant to be used within a `setup()` function or a `<script setup>`. You can still use them outside of these contexts for advanced scenarios [like Vuex/Pinia](../cookbook/subscriptions-external.md) or global bindings but we will focus on the most common use case here. You can also use the [Options API equivalent](./options-api-realtime-data.md), in this section of the docs we will focus on the Composition API version and give you the equivalent for the Options API.
 
 ## Declarative realtime data
 
-Use the `useCollection()`, `useDatabaseList()`, `useDocument()`, and `useDatabaseObject()` composables to create a realtime data connected to Firestore and/or a Realtime Database. These functions take a reference to a Collection, Query, or Document a Vue `ref()`:
+Use the `useCollection()`, `useDatabaseList()`, `useDocument()`, and `useDatabaseObject()` composables to create a realtime data connected to Firestore and/or a Realtime Database. These functions take a source reference to a Collection, Query, or Document. They also accept reactive versions of these as `ref()` or `computed()`:
 
 <FirebaseExample>