Finished guestbook and gallery. started diary

frontend/src/views/admin/ContactsView.vue

@@ -21,23 +21,14 @@
             </tbody>
         </table>
     </div>
-    <ErrorDialog ref="errorDialog" />
-    <AnswerContact ref="answerContactDialog" />
 </template>
 
 <script>
 import apiClient from '@/utils/axios.js';
-import { mapGetters } from 'vuex';
-import ErrorDialog from '@/dialogues/standard/ErrorDialog.vue';
 import { formatDateTimeLong } from '@/utils/datetime.js';
-import AnswerContact from '../../dialogues/admin/AnswerContact.vue';
 
 export default {
     name: 'AdminContactsView',
-    components: {
-        ErrorDialog,
-        AnswerContact,
-    },
     data() {
         return {
             contacts: []
@@ -53,11 +44,11 @@ export default {
                 const openContactRequests = await apiClient.get('/api/admin/opencontacts');
                 this.contacts = openContactRequests.data;
             } catch (error) {
-                this.$refs.errorDialog.open(`tr:error.${error.response.data.error}`);
+                this.$root.$refs.errorDialog.open(`tr:error.${error.response.data.error}`);
             }
         },
         async openRequest(contact) {
-            this.$refs.answerContactDialog.open(contact);
+            this.$root.$refs.answerContactDialog.open(contact);
         },
         async finishRequest(contact) {
             await apiClient.get('/api/admin/opencontacts/finish/${contact.id}');