update docs for vue 3 component tracking update (#8547)

* update docs for vue 3

* Update src/platforms/javascript/guides/vue/features/component-tracking.mdx

---------

Co-authored-by: Shana Matthews <[email protected]>

Author: snoozbuster

src/platforms/javascript/guides/vue/features/component-tracking.mdx

@@ -47,19 +47,25 @@ The default is `false`.
 
 #### `hooks`
 
-Control which lifecycle hooks should be tracked. This is helpful if, for example, you want to know if some components are removed during the initial page load, in which case you can add a `destroy` hook to the default:
+Control which lifecycle hooks should be tracked. This is helpful if, for example, you want to know if some components are removed during the initial page load, in which case you can add a `unmount` hook to the default:
 
 ```javascript
 Sentry.init({
   // ...
   trackComponents: true
-  hooks: ["mount", "update", "destroy"],
+  hooks: ["mount", "update", "unmount"],
 });
 ```
 
-The following hooks are available to track: `['activate', 'create', 'destroy', 'mount', 'update']`
+The following hooks are available to track in Vue 3: `['activate', 'create', 'unmount', 'mount', 'update']`
 
-Note that when specifying `hooks`, we use the simple verb rather than `before` and `-ed` pairs. For example, `destroy` is correct, while `beforeDestroy` and `destroyed` are incorrect.
+Note that when specifying `hooks`, we use the simple verb rather than `before` and `-ed` pairs. For example, `unmount` is correct, while `beforeUnmount` and `unmounted` are incorrect.
+
+<Alert>
+
+In Vue 2, use `destroy` instead of `unmount`. `destroy` does not work in Vue 3, as the names of the lifecycle hooks themselves [changed](https://v3-migration.vuejs.org/breaking-changes/#other-minor-changes) in Vue 3.
+
+</Alert>
 
 The default set of hooks is `['activate', 'mount', 'update']`.