lesson 135: move the teleport tag to the BaseDialog

2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue

@@ -1,4 +1,5 @@
 <template>
+  <teleport to="body">
     <div @click="$emit('close')"></div>
     <dialog open>
       <header>
@@ -13,6 +14,7 @@
         </slot></menu
       >
     </dialog>
+  </teleport>
 </template>
 <script>
 export default {

2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue

@@ -23,7 +23,6 @@
       </div>
     </form>
   </base-card>
-  <teleport to="body">
   <base-dialog
     v-if="inputIsInvalid"
     title="Input may not be empty"
@@ -37,7 +36,6 @@
       <base-button @click="resetErrorDialog">Ok</base-button>
     </template>
   </base-dialog>
-  </teleport>
 </template>
 
 <script>