fix: Fix links withpagePerSection (#1715)

Fixes #1702

src/client/utils/__tests__/processSections.spec.ts

@@ -23,7 +23,7 @@ const sections = deepfreeze([
 const options = { useRouterLinks: false, hashPath: [] };
 
 describe('processSections', () => {
-	it('should recursively process all sections and components', () => {
+	test('should recursively process all sections and components', () => {
 		const result = processSections(sections, options);
 		const sectionsExpected = result[0].sections || [];
 		const comp = sectionsExpected.length
@@ -33,9 +33,17 @@ describe('processSections', () => {
 		expect(comp?.href).toBe('/#button');
 	});
 
-	it('should set visibleName property on each section', () => {
+	test('should set visibleName property on each section', () => {
 		const result = processSections(sections, options);
 		const sectionsExpected = result[0].sections || [];
 		expect(sectionsExpected[0].visibleName).toBe('Components');
 	});
+
+	test('should recursively process all nested sections when useRouterLinks is true has passed', () => {
+		const result = processSections([{ name: 'Component', sections: [{ name: 'Button' }] }], {
+			useRouterLinks: true,
+		});
+		expect(result?.[0].href).toBe('/#/Component');
+		expect(result?.[0].sections?.[0].href).toBe('/#/Component/Button');
+	});
 });

src/client/utils/processSections.ts

@@ -12,9 +12,9 @@ export default function processSections(
 	sections: Rsg.Section[],
 	{ useRouterLinks, useHashId = false, hashPath = [] }: HrefOptions
 ): Rsg.Section[] {
-	return sections.map(section => {
+	return sections.map((section) => {
 		const options = {
-			useRouterLinks,
+			useRouterLinks: Boolean(useRouterLinks && section.name),
 			useHashId: section.sectionDepth === 0,
 			hashPath: [...hashPath, section.name ? section.name : '-'],
 		};