test: add Readme component test for hash link handling

Tests the hash link click handler to ensure:
- Hash links are intercepted and scrollToAnchor is called
- IDs are lowercased to match heading slugs
- User-content prefixed hash links work correctly

Co-Authored-By: Claude (claude-opus-4-5) <noreply@anthropic.com>

Author: niveshdandyan

test/nuxt/components/Readme.spec.ts

@@ -0,0 +1,46 @@
+import { describe, expect, it, vi } from 'vitest'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import Readme from '~/components/Readme.vue'
+
+// Mock scrollToAnchor
+vi.mock('~/utils/scrollToAnchor', () => ({
+  scrollToAnchor: vi.fn(),
+}))
+
+import { scrollToAnchor } from '~/utils/scrollToAnchor'
+
+describe('Readme', () => {
+  describe('rendering', () => {
+    it('renders the provided HTML content', async () => {
+      const component = await mountSuspended(Readme, {
+        props: { html: '<p>Hello world</p>' },
+      })
+      expect(component.html()).toContain('Hello world')
+    })
+  })
+
+  describe('hash link click handling', () => {
+    it('intercepts hash link clicks and calls scrollToAnchor with lowercase ID', async () => {
+      const component = await mountSuspended(Readme, {
+        props: { html: '<a href="#Installation">Installation</a>' },
+      })
+
+      const link = component.find('a')
+      await link.trigger('click')
+
+      expect(scrollToAnchor).toHaveBeenCalledWith('installation')
+    })
+
+    it('handles user-content prefixed hash links', async () => {
+      vi.mocked(scrollToAnchor).mockClear()
+      const component = await mountSuspended(Readme, {
+        props: { html: '<a href="#user-content-getting-started">Getting Started</a>' },
+      })
+
+      const link = component.find('a')
+      await link.trigger('click')
+
+      expect(scrollToAnchor).toHaveBeenCalledWith('user-content-getting-started')
+    })
+  })
+})