diff --git a/src/stores/index.ts b/src/stores/index.ts
index 43ab9ed..e91ff65 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -2,7 +2,6 @@ import DEFAULT_CONTENT from '@/assets/example/markdown.md?raw'
 import DEFAULT_CSS_CONTENT from '@/assets/example/theme-css.txt?raw'
 import { altKey, codeBlockThemeOptions, colorOptions, fontFamilyOptions, fontSizeOptions, legendOptions, shiftKey, themeMap, themeOptions } from '@/config'
 import { addPrefix, css2json, customCssWithTemplate, customizeTheme, downloadMD, exportHTML, formatDoc } from '@/utils'
-import markedAlert from '@/utils/MDAlert'
 import { initRenderer } from '@/utils/renderer'
 import { useDark, useStorage, useToggle } from '@vueuse/core'
 
@@ -186,7 +185,6 @@ export const useStore = defineStore(`store`, () => {
     renderer.setOptions({
       theme: newTheme,
     })
-    marked.use(markedAlert({ theme: newTheme }))
 
     editorRefresh()
   }
diff --git a/src/utils/renderer.ts b/src/utils/renderer.ts
index 17d12dd..ad9d991 100644
--- a/src/utils/renderer.ts
+++ b/src/utils/renderer.ts
@@ -104,8 +104,6 @@ export function initRenderer(opts: IOpts) {
   let listIndex: number = 0
   let isOrdered: boolean = false
 
-  marked.use(markedAlert({ theme: opts.theme }))
-
   function styles(tag: string, addition: string = ``): string {
     return getStyles(styleMapping, tag, addition)
   }
@@ -129,6 +127,7 @@ export function initRenderer(opts: IOpts) {
   function setOptions(newOpts: Partial<IOpts>): void {
     opts = { ...opts, ...newOpts }
     styleMapping = buildTheme(opts)
+    marked.use(markedAlert({ theme: opts.theme }))
   }
 
   const buildFootnotes = () => {