🐛 (dev session)

src/components/DevSession.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="dev-session">
-    <h1 contenteditable @input="({ target }) => setDev(target.innerText)">
-      {{ dev || `dev ${position}` }}
-    </h1>
+    <h1 contenteditable @input="setDev">{{ dev }}</h1>
     <h2 v-show="isTurn">{{ session }}</h2>
   </div>
 </template>
@@ -31,13 +29,13 @@ export default defineComponent({
 
     const dev = isDev1 ? dev1 : dev2
 
-    const setDev = (name: string) => {
-      const newName = (name || '').trim()
-      isDev1 ? setDev1(newName) : setDev2(newName)
+    const setDev = (event: InputEvent) => {
+      const name = (event.target as HTMLElement).innerText
+      isDev1 ? setDev1(name) : setDev2(name)
     }
 
     return {
-      dev,
+      dev: dev || `dev ${props.position}`,
       setDev
     }
   }