perf: template literals

packages/hoppscotch-app/components/firebase/Logout.vue

@@ -2,15 +2,17 @@
   <div class="flex">
     <SmartItem
       svg="log-out"
-      :label="$t('auth.logout')"
+      :label="`${$t('auth.logout')}`"
       @click.native="
-        $emit('confirm-logout')
-        confirmLogout = true
+        () => {
+          $emit('confirm-logout')
+          confirmLogout = true
+        }
       "
     />
     <SmartConfirmModal
       :show="confirmLogout"
-      :title="$t('confirm.logout')"
+      :title="`${$t('confirm.logout')}`"
       @hide-modal="confirmLogout = false"
       @resolve="logout"
     />
@@ -31,12 +33,12 @@ export default defineComponent({
     async logout() {
       try {
         await signOutUser()
-        this.$toast.success(this.$t("auth.logged_out").toString(), {
+        this.$toast.success(`${this.$t("auth.logged_out")}`, {
           icon: "vpn_key",
         })
       } catch (e) {
         console.error(e)
-        this.$toast.error(this.$t("error.something_went_wrong").toString(), {
+        this.$toast.error(`${this.$t("error.something_went_wrong")}`, {
           icon: "error_outline",
         })
       }