feat(vue): Support Vue 3 lifecycle hooks in mixin options (#9578)

Adds support for the `unmount` hook added in Vue 3. The `destroy` hook no longer works in Vue 2. See PR and issue for more details.

Author: snoozbuster

packages/vue/src/tracing.ts

@@ -23,6 +23,9 @@ interface VueSentry extends ViewModel {
 const HOOKS: { [key in Operation]: Hook[] } = {
   activate: ['activated', 'deactivated'],
   create: ['beforeCreate', 'created'],
+  // Vue 3
+  unmount: ['beforeUnmount', 'unmounted'],
+  // Vue 2
   destroy: ['beforeDestroy', 'destroyed'],
   mount: ['beforeMount', 'mounted'],
   update: ['beforeUpdate', 'updated'],

packages/vue/src/types.ts

@@ -76,12 +76,14 @@ export type Hook =
   | 'activated'
   | 'beforeCreate'
   | 'beforeDestroy'
+  | 'beforeUnmount'
   | 'beforeMount'
   | 'beforeUpdate'
   | 'created'
   | 'deactivated'
   | 'destroyed'
+  | 'unmounted'
   | 'mounted'
   | 'updated';
 
-export type Operation = 'activate' | 'create' | 'destroy' | 'mount' | 'update';
+export type Operation = 'activate' | 'create' | 'destroy' | 'mount' | 'update' | 'unmount';