Make sure the registry is loaded before registering custom elements

src/components/chat_content.js

@@ -1,4 +1,4 @@
-import "../components/message-history";
+import "./message-history";
 import xss from "xss/dist/xss";
 import { CustomElement } from './element.js';
 import { html } from 'lit-element';

src/components/message-body.js

@@ -1,7 +1,8 @@
+import '../converse-registry';
+import ImageModal from '../modals/image.js';
 import { CustomElement } from './element.js';
-import { renderBodyText } from './../templates/directives/body';
 import { api } from "@converse/headless/converse-core";
-import ImageModal from '../modals/image.js';
+import { renderBodyText } from './../templates/directives/body';
 
 
 export default class MessageBody extends CustomElement {

src/components/message-history.js

@@ -1,4 +1,4 @@
-import "../components/message";
+import "./message";
 import dayjs from 'dayjs';
 import tpl_new_day from "../templates//new_day.js";
 import { CustomElement } from './element.js';

src/components/message.js

@@ -1,14 +1,15 @@
-import "./message-body.js";
+import './message-body.js';
+import '../converse-registry';
 import './dropdown.js';
 import './message-actions.js';
 import MessageVersionsModal from '../modals/message-versions.js';
 import dayjs from 'dayjs';
-import filesize from "filesize";
+import filesize from 'filesize';
 import tpl_chat_message from '../templates/chat_message.js';
 import tpl_spinner from '../templates/spinner.js';
 import { CustomElement } from './element.js';
 import { __ } from '@converse/headless/i18n';
-import { _converse, api, converse } from  "@converse/headless/converse-core";
+import { _converse, api, converse } from  '@converse/headless/converse-core';
 import { html } from 'lit-element';
 import { renderAvatar } from './../templates/directives/avatar';