diff --git a/src/components/index.ts b/src/components/index.ts index 1f88801..d0d6bf1 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,7 +1,9 @@ import { ColorThemeToggle } from './color-theme-toggle/color-theme-toggle'; +import { CommandPrompt } from './command-prompt/command-prompt'; import { SvgIcon } from './svg-icon/svg-icon'; import { TypedText } from './typed-text/typed-text'; customElements.define('svg-icon', SvgIcon); customElements.define('typed-text', TypedText); customElements.define('color-theme-toggle', ColorThemeToggle); +customElements.define('command-prompt', CommandPrompt); diff --git a/src/index.ts b/src/index.ts index 7079201..5a1a337 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,7 +1,7 @@ import './index.scss'; import './components'; -import { STARTED_TYPING_EVENT_NAME, STOPPED_TYPING_EVENT_NAME, TypedText } from './components/typed-text/typed-text'; +import { STOPPED_TYPING_EVENT_NAME, TypedText } from './components/typed-text/typed-text'; import { ColorTheme } from './lib/color-theme'; import { handleEventOnce } from './lib/handle-event-once'; @@ -12,12 +12,6 @@ const ADDITIONAL_CONTENT_CLASS = 'has-additional-content'; const typedText = document.querySelector('typed-text') as TypedText; -handleEventOnce(typedText, STARTED_TYPING_EVENT_NAME, () => { - import('./components/command-prompt/command-prompt').then(({ CommandPrompt }) => - customElements.define('command-prompt', CommandPrompt) - ); -}); - handleEventOnce(typedText, STOPPED_TYPING_EVENT_NAME, () => { typedText.classList.add(INITIAL_CONTENT_CLASS); typedText.after(document.createElement('command-prompt'));