diff --git a/e2e/docs/components/auto-link.md b/e2e/docs/components/auto-link.md
index f59827a303..d54b1e8377 100644
--- a/e2e/docs/components/auto-link.md
+++ b/e2e/docs/components/auto-link.md
@@ -13,6 +13,12 @@
   <AutoLink :config="{ text: 'text2', link: 'https://example.com/test/' }" />
 </div>
 
+<div id="attrs">
+  <AutoLink class="class" :config="{ text: 'text1', link: '/', ariaLabel: 'label', icon: 'icon1' }" />
+  <AutoLink id="id" :config="{ text: 'text2', link: 'https://example.com/test/', unknown: 'value' }" />
+  <AutoLink download="example-test.png" :config="{ text: 'text3', link: 'https://example.com/test.png' }" />
+</div>
+
 <script setup lang="ts">
 import { AutoLink } from 'vuepress/client'
 
diff --git a/e2e/tests/components/auto-link.spec.ts b/e2e/tests/components/auto-link.spec.ts
index e131a4c6e2..c2b7aa7879 100644
--- a/e2e/tests/components/auto-link.spec.ts
+++ b/e2e/tests/components/auto-link.spec.ts
@@ -36,3 +36,32 @@ test('should render config correctly', async ({ page }) => {
   await expect(locator.nth(1)).toHaveAttribute('target', '_blank')
   await expect(locator.nth(1)).toHaveAttribute('rel', 'noopener noreferrer')
 })
+
+test('should append attrs correctly', async ({ page }) => {
+  const locator = page.locator('.e2e-theme-content #attrs a')
+
+  await expect(locator.nth(0)).toHaveText('text1')
+  await expect(locator.nth(0)).toHaveAttribute('href', BASE)
+  await expect(locator.nth(0)).toHaveAttribute('aria-label', 'label')
+  await expect(locator.nth(0)).toHaveAttribute('class', /class/)
+  await expect(locator.nth(0)).not.toHaveAttribute('icon')
+
+  await expect(locator.nth(1)).toHaveText('text2')
+  await expect(locator.nth(1)).toHaveAttribute(
+    'href',
+    'https://example.com/test/',
+  )
+  await expect(locator.nth(1)).toHaveAttribute('target', '_blank')
+  await expect(locator.nth(1)).toHaveAttribute('rel', 'noopener noreferrer')
+  await expect(locator.nth(1)).toHaveAttribute('id', 'id')
+  await expect(locator.nth(1)).not.toHaveAttribute('unknown')
+
+  await expect(locator.nth(2)).toHaveText('text3')
+  await expect(locator.nth(2)).toHaveAttribute(
+    'href',
+    'https://example.com/test.png',
+  )
+  await expect(locator.nth(2)).toHaveAttribute('target', '_blank')
+  await expect(locator.nth(2)).toHaveAttribute('rel', 'noopener noreferrer')
+  await expect(locator.nth(2)).toHaveAttribute('download', 'example-test.png')
+})
diff --git a/packages/client/src/components/AutoLink.ts b/packages/client/src/components/AutoLink.ts
index 6f649b0b4e..ce9da06bc3 100644
--- a/packages/client/src/components/AutoLink.ts
+++ b/packages/client/src/components/AutoLink.ts
@@ -51,8 +51,6 @@ export interface AutoLinkConfig {
 export const AutoLink = defineComponent({
   name: 'AutoLink',
 
-  inheritAttrs: false,
-
   props: {
     config: {
       type: Object as PropType<AutoLinkConfig>,