feat: migrate to vue 3 + vite (#2553)

Co-authored-by: amk-dev <akash.k.mohan98@gmail.com>
Co-authored-by: liyasthomas <liyascthomas@gmail.com>

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

@@ -0,0 +1,62 @@
+<template>
+  <div class="flex" @click="OpenLogoutModal()">
+    <SmartItem
+      ref="logoutItem"
+      :icon="IconLogOut"
+      :label="`${t('auth.logout')}`"
+      :outline="outline"
+      :shortcut="shortcut"
+      @click="OpenLogoutModal()"
+    />
+    <SmartConfirmModal
+      :show="confirmLogout"
+      :title="`${t('confirm.logout')}`"
+      @hide-modal="confirmLogout = false"
+      @resolve="logout"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue"
+import IconLogOut from "~icons/lucide/log-out"
+import { useToast } from "@composables/toast"
+import { useI18n } from "@composables/i18n"
+import { signOutUser } from "~/helpers/fb/auth"
+
+defineProps({
+  outline: {
+    type: Boolean,
+    default: false,
+  },
+  shortcut: {
+    type: Array,
+    default: () => [],
+  },
+})
+
+const emit = defineEmits<{
+  (e: "confirm-logout"): void
+}>()
+
+const confirmLogout = ref(false)
+const logoutItem = ref<HTMLButtonElement>()
+
+const toast = useToast()
+const t = useI18n()
+
+const logout = async () => {
+  try {
+    await signOutUser()
+    toast.success(`${t("auth.logged_out")}`)
+  } catch (e) {
+    console.error(e)
+    toast.error(`${t("error.something_went_wrong")}`)
+  }
+}
+
+const OpenLogoutModal = () => {
+  emit("confirm-logout")
+  confirmLogout.value = true
+}
+</script>