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,7 +10,7 @@
     </p>
     <div class="breaker-one">
       <label for="name">Your Name: {{ nameFormatted }}</label>
-
+      <FocusTrap>
         <input
           v-model.trim="name"
           type="text"
@@ -21,6 +21,7 @@
           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')