fix: modals inputs not working properly

packages/hoppscotch-common/src/components/collections/Add.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/collections/AddFolder.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         input-styles="floating-input"
         :label="t('action.label')"

packages/hoppscotch-common/src/components/collections/AddRequest.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/collections/Edit.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         input-styles="floating-input"
         :label="t('action.label')"

packages/hoppscotch-common/src/components/collections/EditFolder.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/collections/EditRequest.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/collections/graphql/Edit.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         placeholder=" "
         :label="t('action.label')"
         input-styles="floating-input"

packages/hoppscotch-common/src/components/environments/my/Details.vue

@@ -8,7 +8,7 @@
     <template #body>
       <div class="flex flex-col">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :label="t('action.label')"
           input-styles="floating-input"

packages/hoppscotch-common/src/components/environments/teams/Details.vue

@@ -8,7 +8,7 @@
     <template #body>
       <div class="flex flex-col px-2">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :input-styles="['floating-input', isViewer && 'opacity-25']"
           :label="t('action.label')"

packages/hoppscotch-common/src/components/realtime/Subscription.vue

@@ -35,7 +35,7 @@
       <div class="relative flex flex-col">
         <input
           id="selectLabelAdd"
-          v-model="name"
+          v-model="editingName"
           v-focus
           class="input floating-input"
           placeholder=" "

packages/hoppscotch-common/src/components/teams/Add.vue

@@ -2,7 +2,7 @@
   <HoppSmartModal v-if="show" dialog :title="t('team.new')" @close="hideModal">
     <template #body>
       <HoppSmartInput
-        v-model="name"
+        v-model="editingName"
         :label="t('action.label')"
         placeholder=" "
         input-styles="floating-input"

packages/hoppscotch-common/src/components/teams/Edit.vue

@@ -3,7 +3,7 @@
     <template #body>
       <div class="flex flex-col">
         <HoppSmartInput
-          v-model="name"
+          v-model="editingName"
           placeholder=" "
           :label="t('action.label')"
           input-styles="floating-input"
@@ -177,7 +177,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, toRef, watch } from "vue"
+import { computed, ref, watch } from "vue"
 import * as E from "fp-ts/Either"
 import {
   GetTeamDocument,
@@ -228,7 +228,7 @@ const props = defineProps<{
 
 const toast = useToast()
 
-const editingName = toRef(props.editingTeam, "name")
+const editingName = ref(props.editingTeam.name)
 
 watch(
   () => props.editingTeam.name,