Use analytics from context

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

frontend/src/components/VMediaInfo/VMediaTags.vue

@@ -61,8 +61,6 @@ import { useSearchStore } from "~/stores/search"
 
 import { focusElement } from "~/utils/focus-management"
 
-import { useAnalytics } from "~/composables/use-analytics"
-
 import VMediaTag from "~/components/VMediaTag/VMediaTag.vue"
 import VTag from "~/components/VTag/VTag.vue"
 import VButton from "~/components/VButton.vue"
@@ -89,7 +87,7 @@ export default defineComponent({
 
     const searchStore = useSearchStore()
     const featureFlagStore = useFeatureFlagStore()
-    const { app } = useContext()
+    const { app, $sendCustomEvent } = useContext()
 
     const additionalSearchViews = computed(() =>
       featureFlagStore.isOn("additional_search_views")
@@ -162,15 +160,14 @@ export default defineComponent({
       }
     })
 
-    const { sendCustomEvent } = useAnalytics()
     const buttonStatus = ref<"show" | "hide">("show")
     /**
      * Toggles the text for the "Show more" button. When showing more tags, we also
      * focus the first tag in the newly-opened row for a11y.
      */
     const handleClick = () => {
       buttonStatus.value = buttonStatus.value === "show" ? "hide" : "show"
-      sendCustomEvent("TOGGLE_TAG_EXPANSION", {
+      $sendCustomEvent("TOGGLE_TAG_EXPANSION", {
         toState: buttonStatus.value === "show" ? "collapsed" : "expanded",
       })
       if (buttonStatus.value === "hide" && collapsibleRowsStartAt.value) {