Some code changes

src/App.vue

@@ -3,7 +3,7 @@ import PluginMain from "@/components/PluginMain.vue";
 </script>
 
 <template>
-  <PluginMain utm-medium="huggingface" utm-campaign="huggingface" />
+  <PluginMain utm-medium="referral" utm-campaign="huggingface" />
 </template>
 
 <style scoped>

src/components/PluginMain.vue

@@ -37,7 +37,7 @@ const resetState = () => {
 }
 
 const getRedirectButtonLink = (searchId: string) => {
-    return `${hostAddress.value}/en/results/${searchId}?utm_source=plugin&utm_medium=${utmMedium}&utm_campaign=${utmCampaign}`
+    return `${hostAddress.value}/en/results/${searchId}?utm_source=referral&utm_medium=${utmMedium}&utm_campaign=${utmCampaign}`
 }
 
 const fetchResults = async (searchId: string) => {
@@ -125,6 +125,12 @@ const getSources = (data) => {
     );
 }
 
+const redirectToResults = () => {
+    window.location.href = redirectButtonLink.value
+
+    resetState()
+}
+
 </script>
 
 <template>
@@ -146,6 +152,7 @@ const getSources = (data) => {
                                 :sources="result.sources"
                                 :thumbnail="result.thumbnail"
                                 :data="result"
+                                @click="redirectToResults"
                             />
                         </div>
                         <PluginSearchRedirectButton :link="redirectButtonLink" @redirect-click="resetState" />