Finished guestbook and gallery. started diary

frontend/src/components/AppFooter.vue

@@ -14,37 +14,28 @@
       <a href="#" @click.prevent="openDataPrivacyDialog">{{ $t('dataPrivacy.button') }}</a>
       <a href="#" @click.prevent="openContactDialog">{{ $t('contact.button') }}</a>
     </div>
-    <ImprintDialog ref="imprintDialog" name="imprintDialog" />
-    <DataPrivacyDialog ref="dataPrivacyDialog" name="dataPrivacyDialog" />
-    <ContactDialog ref="contactDialog" name="contactDialog" />
   </footer>
 </template>
 
 <script>
 import { mapGetters } from 'vuex';
-import ImprintDialog from '../dialogues/standard/ImprintDialog.vue';
-import DataPrivacyDialog from '../dialogues/standard/DataPrivacyDialog.vue';
-import ContactDialog from '../dialogues/standard/ContactDialog.vue';
 
 export default {
   name: 'AppFooter',
   components: {
-    ImprintDialog,
-    DataPrivacyDialog,
-    ContactDialog,
   },
   computed: {
     ...mapGetters('dialogs', ['openDialogs'])
   },
   methods: {
     openImprintDialog() {
-      this.$refs.imprintDialog.open();
+      this.$root.$refs.imprintDialog.open();
     },
     openDataPrivacyDialog() {
-      this.$refs.dataPrivacyDialog.open();
+      this.$root.$refs.dataPrivacyDialog.open();
     },
     openContactDialog() {
-      this.$refs.contactDialog.open();
+      this.$root.$refs.contactDialog.open();
     },
     toggleDialogMinimize(dialogName) {
       this.$store.dispatch('dialogs/toggleDialogMinimize', dialogName);