remove focus-trap

package.json

@@ -9,7 +9,6 @@
   },
   "dependencies": {
     "core-js": "^3.10.0",
-    "focus-trap": "^6.4.0",
     "freeze-dry": "^0.2.4",
     "marked": "^2.0.1",
     "pouchdb": "^7.2.2",

src/components/JoinMicrocosm.vue

@@ -10,17 +10,18 @@
     </p>
     <div class="breaker-one">
       <label for="name">Your Name: {{ nameFormatted }}</label>
-
-      <input
-        v-model.trim="name"
-        type="text"
-        id="name"
-        ref="name"
-        placeholder="type name here!"
-        autocorrect="off"
-        autocapitalize="none"
-        required
-      />
+      <FocusTrap>
+        <input
+          v-model.trim="name"
+          type="text"
+          id="name"
+          ref="name"
+          placeholder="type name here!"
+          autocorrect="off"
+          autocapitalize="none"
+          required
+        />
+      </FocusTrap>
     </div>
     <h2>Next start or join a <span class="long">microcosm !</span> 🚀</h2>
 
@@ -114,9 +115,12 @@
 </template>
 
 <script>
+
 export default {
   name: 'JoinMicrocosm',
 
+
+
   data: function () {
     return {
       // what you are calling yourself / device

src/main.js

@@ -2,6 +2,5 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store/store'
-import focustrap from 'focus-trap'
 
-createApp(App).use(store).use(router).use(focustrap).mount('#app')
+createApp(App).use(store).use(router).mount('#app')