diff --git a/tests/__snapshots__/content-rich.test.ts.snap b/tests/__snapshots__/content-rich.test.ts.snap
deleted file mode 100644
index 289bfb73..00000000
--- a/tests/__snapshots__/content-rich.test.ts.snap
+++ /dev/null
@@ -1,164 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`content-rich > block with backticks 1`] = `"<p><pre class=\\"code-block\\">[(\`number string) (\`tag string)]</pre></p>"`;
-
-exports[`content-rich > block with injected html, with a known language 1`] = `
-"<pre>
-        <code class=\\"language-js\\">
-          &lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
-        </code>
-      </pre>
-"
-`;
-
-exports[`content-rich > block with injected html, with an unknown language 1`] = `
-"<pre>
-        <code class=\\"language-xyzzy\\">
-          &lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
-        </code>
-      </pre>
-"
-`;
-
-exports[`content-rich > block with injected html, without language 1`] = `
-"<pre>
-        <code>
-          &lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
-        </code>
-      </pre>
-"
-`;
-
-exports[`content-rich > code frame 1`] = `
-"<p>Testing code block</p><p></p><p><pre class=\\"code-block\\">import { useMouse, usePreferredDark } from &apos;@vueuse/core&apos;
-// tracks mouse position
-const { x, y } = useMouse()
-// is the user prefers dark theme
-const isDark = usePreferredDark()</pre></p>"
-`;
-
-exports[`content-rich > code frame 2 1`] = `
-"<p>
-  <span class=\\"h-card\\"
-    ><a
-      class=\\"u-url mention\\"
-      rel=\\"nofollow noopener noreferrer\\"
-      to=\\"/webtoo.ls/@antfu\\"
-    ></a
-  ></span>
-  Testing<br />
-  <pre class=\\"code-block\\">const a = hello</pre>
-</p>
-"
-`;
-
-exports[`content-rich > code frame empty 1`] = `"<p><pre class=\\"code-block\\"></pre><br></p>"`;
-
-exports[`content-rich > code frame no lang 1`] = `"<p><pre class=\\"code-block\\">hello world</pre><br>no lang</p>"`;
-
-exports[`content-rich > custom emoji 1`] = `
-"Daniel Roe
-<picture alt=\\":nuxt:\\" class=\\"custom-emoji\\" data-emoji-id=\\"nuxt\\"
-  ><source
-    srcset=\\"
-      https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png
-    \\"
-    media=\\"(prefers-reduced-motion: reduce)\\" />
-  <img
-    src=\\"https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png\\"
-    alt=\\":nuxt:\\"
-/></picture>
-"
-`;
-
-exports[`content-rich > empty 1`] = `""`;
-
-exports[`content-rich > group mention > html 1`] = `
-"<p>
-  <span class=\\"h-card\\"
-    ><a
-      class=\\"u-url mention\\"
-      rel=\\"nofollow noopener noreferrer\\"
-      to=\\"//@pilipinas@lemmy.ml\\"
-    ></a
-  ></span>
-</p>
-"
-`;
-
-exports[`content-rich > handles formatting from servers 1`] = `
-"<h1>Fedi HTML Support Survey</h1>
-<p>Does the following formatting come through accurately for you?</p>
-<p></p>
-<ul>
-  <li>This is an indented bulleted list (not just asterisks).</li>
-  <li><strong>This line is bold.</strong></li>
-  <li><em>This line is italic.</em></li>
-</ul>
-<ol>
-  <li>This list...</li>
-  <li>...is numbered and indented</li>
-</ol>
-<h1>This line is larger.</h1>
-"
-`;
-
-exports[`content-rich > handles html within code blocks 1`] = `
-"<p>
-  HTML block code:<br />
-  <pre class=\\"code-block\\">
-&lt;span class=&quot;icon--noto icon--noto--1st-place-medal&quot;&gt;&lt;/span&gt;
-&lt;span class=&quot;icon--noto icon--noto--2nd-place-medal-medal&quot;&gt;&lt;/span&gt;</pre
-  >
-</p>
-"
-`;
-
-exports[`content-rich > inline code with link 1`] = `
-"<p>
-  Inline code with link:
-  <code
-    >https://api.iconify.design/noto.css?icons=1st-place-medal,2nd-place-medal</code
-  >
-</p>
-"
-`;
-
-exports[`content-rich > link + mention 1`] = `
-"<p>
-  Happy
-  <img
-    src=\\"/emojis/twemoji/1f917.svg\\"
-    alt=\\"🤗\\"
-    class=\\"iconify-emoji iconify-emoji--twemoji\\"
-  />
-  we’re now using
-  <span class=\\"h-card\\"
-    ><a
-      class=\\"u-url mention\\"
-      rel=\\"nofollow noopener noreferrer\\"
-      to=\\"/webtoo.ls/@vitest\\"
-    ></a
-  ></span>
-  (migrated from chai+mocha)
-  <a
-    href=\\"https://github.com/ayoayco/astro-reactive-library/pull/203\\"
-    rel=\\"nofollow noopener noreferrer\\"
-    target=\\"_blank\\"
-    ><span class=\\"invisible\\">https://</span
-    ><span class=\\"ellipsis\\">github.com/ayoayco/astro-react</span
-    ><span class=\\"invisible\\">ive-library/pull/203</span></a
-  >
-</p>
-"
-`;
-
-exports[`content-rich > plain text 1`] = `
-"hello there
-"
-`;
-
-exports[`editor > transform mentions 1`] = `
-"
-@elk Hello"
-`;
diff --git a/tests/__snapshots__/html-parse.test.ts.snap b/tests/__snapshots__/html-parse.test.ts.snap
deleted file mode 100644
index d7f36a0d..00000000
--- a/tests/__snapshots__/html-parse.test.ts.snap
+++ /dev/null
@@ -1,144 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`html-parse > code frame > html 1`] = `
-"<p>Testing code block</p><p></p><p><pre><code class=\\"language-ts\\">import { useMouse, usePreferredDark } from '@vueuse/core'
-// tracks mouse position
-const { x, y } = useMouse()
-// is the user prefers dark theme
-const isDark = usePreferredDark()</code></pre></p>"
-`;
-
-exports[`html-parse > code frame > text 1`] = `
-"Testing code block
-
-
-\`\`\`ts
-import { useMouse, usePreferredDark } from '@vueuse/core'
-// tracks mouse position
-const { x, y } = useMouse()
-// is the user prefers dark theme
-const isDark = usePreferredDark()
-\`\`\`"
-`;
-
-exports[`html-parse > code frame 2 > html 1`] = `
-"<p>
-  <span class=\\"h-card\\"
-    ><a
-      href=\\"https://webtoo.ls/@antfu\\"
-      class=\\"u-url mention\\"
-      rel=\\"nofollow noopener noreferrer\\"
-      target=\\"_blank\\"
-      >@<span>antfu</span></a
-    ></span
-  >
-  Testing<br />
-  <pre><code class=\\"language-ts\\">const a = hello</code></pre>
-</p>
-"
-`;
-
-exports[`html-parse > code frame 2 > text 1`] = `
-"@antfu Testing
-
-\`\`\`ts
-const a = hello
-\`\`\`"
-`;
-
-exports[`html-parse > custom emoji > html 1`] = `
-"Daniel Roe
-<picture alt=\\":nuxt:\\" class=\\"custom-emoji\\" data-emoji-id=\\"nuxt\\"
-  ><source
-    srcset=\\"
-      https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png
-    \\"
-    media=\\"(prefers-reduced-motion: reduce)\\" />
-  <img
-    src=\\"https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png\\"
-    alt=\\":nuxt:\\"
-/></picture>
-"
-`;
-
-exports[`html-parse > custom emoji > text 1`] = `"Daniel Roe :nuxt:"`;
-
-exports[`html-parse > emojis > html 1`] = `
-"<img
-  src=\\"/emojis/twemoji/1f1eb-1f1f7.svg\\"
-  alt=\\"🇫🇷\\"
-  class=\\"iconify-emoji iconify-emoji--twemoji\\"
-/>
-<img
-  src=\\"/emojis/twemoji/1f468-200d-1f469-200d-1f466.svg\\"
-  alt=\\"👨‍👩‍👦\\"
-  class=\\"iconify-emoji iconify-emoji--twemoji\\"
-/>
-<img
-  src=\\"/emojis/twemoji/1f469-200d-1f692.svg\\"
-  alt=\\"👩‍🚒\\"
-  class=\\"iconify-emoji iconify-emoji--twemoji\\"
-/><img
-  src=\\"/emojis/twemoji/1f9d1-1f3fd-200d-1f680.svg\\"
-  alt=\\"🧑🏽‍🚀\\"
-  class=\\"iconify-emoji iconify-emoji--twemoji\\"
-/>
-"
-`;
-
-exports[`html-parse > emojis > text 1`] = `"🇫🇷 👨‍👩‍👦 👩‍🚒🧑🏽‍🚀"`;
-
-exports[`html-parse > empty > html 1`] = `""`;
-
-exports[`html-parse > empty > text 1`] = `""`;
-
-exports[`html-parse > html entities > html 1`] = `
-"<p>Hello &lt;World /&gt;.</p>
-"
-`;
-
-exports[`html-parse > html entities > text 1`] = `"Hello <World />."`;
-
-exports[`html-parse > inline markdown > html 1`] = `"<p>text <code>code</code> <b>bold</b> <em>italic</em> <del>del</del></p><p></p><p><pre><code class=\\"language-js\\">code block</code></pre></p>"`;
-
-exports[`html-parse > inline markdown > text 1`] = `
-"text \`code\` **bold** *italic* ~~del~~
-
-
-\`\`\`js
-code block
-\`\`\`"
-`;
-
-exports[`html-parse > link + mention > html 1`] = `
-"<p>
-  Happy
-  <img
-    src=\\"/emojis/twemoji/1f917.svg\\"
-    alt=\\"🤗\\"
-    class=\\"iconify-emoji iconify-emoji--twemoji\\"
-  />
-  we’re now using
-  <span class=\\"h-card\\"
-    ><a
-      href=\\"https://webtoo.ls/@vitest\\"
-      class=\\"u-url mention\\"
-      rel=\\"nofollow noopener noreferrer\\"
-      target=\\"_blank\\"
-      >@<span>vitest</span></a
-    ></span
-  >
-  (migrated from chai+mocha)
-  <a
-    href=\\"https://github.com/ayoayco/astro-reactive-library/pull/203\\"
-    rel=\\"nofollow noopener noreferrer\\"
-    target=\\"_blank\\"
-    ><span class=\\"invisible\\">https://</span
-    ><span class=\\"ellipsis\\">github.com/ayoayco/astro-react</span
-    ><span class=\\"invisible\\">ive-library/pull/203</span></a
-  >
-</p>
-"
-`;
-
-exports[`html-parse > link + mention > text 1`] = `"Happy 🤗 we’re now using @vitest (migrated from chai+mocha) https://github.com/ayoayco/astro-reactive-library/pull/203"`;
diff --git a/tests/nuxt/content-rich.test.ts b/tests/nuxt/content-rich.test.ts
index 9d32b592..d21bc30e 100644
--- a/tests/nuxt/content-rich.test.ts
+++ b/tests/nuxt/content-rich.test.ts
@@ -287,15 +287,10 @@ vi.mock('shiki-es', async (importOriginal) => {
   }
 })
 
-vi.mock('~/components/content/ContentMentionGroup.vue', async () => {
-  const { defineComponent, h } = await import('vue')
-  return {
-    default: defineComponent({
-      setup(props, { slots }) {
-        return () => h('mention-group', null, { default: () => slots?.default?.() })
-      },
-    }),
-  }
+mockComponent('ContentMentionGroup', {
+  setup(props, { slots }) {
+    return () => h('mention-group', null, { default: () => slots?.default?.() })
+  },
 })
 
 mockComponent('AccountHoverWrapper', {