fix(router): literal route prioritized over slug (#1970)

fixes #1968

Author: tylersayshi

packages/waku/src/router/create-pages.tsx

@@ -285,6 +285,16 @@ const routePriorityComparator = (
     return aPathLength > bPathLength ? -1 : 1;
   }
 
+  // If path lengths are equal, literal segments take priority over dynamic segments
+  const minLength = Math.min(aPathLength, bPathLength);
+  for (let i = 0; i < minLength; i++) {
+    const aIsLiteral = aPath[i]?.type === 'literal';
+    const bIsLiteral = bPath[i]?.type === 'literal';
+    if (aIsLiteral !== bIsLiteral) {
+      return aIsLiteral ? -1 : 1;
+    }
+  }
+
   // If path lengths are equal, compare wildcard presence
   // sort the route without the wildcard higher, to check it earlier
   if (aHasWildcard !== bHasWildcard) {

packages/waku/tests/create-pages.test.ts

@@ -1163,6 +1163,43 @@ describe('createPages pages and layouts', () => {
     );
   });
 
+  it('literal route takes priority over dynamic slug route at same depth', async () => {
+    const AboutPage = vi.fn();
+    const SlugPage = vi.fn();
+    createPages(async ({ createPage }) => [
+      createPage({
+        render: 'dynamic',
+        path: '/[slug]',
+        component: SlugPage,
+      }),
+      createPage({
+        render: 'dynamic',
+        path: '/about',
+        component: AboutPage,
+      }),
+    ]);
+    const { getConfigs } = injectedFunctions();
+    const configs = await getConfigs();
+    expect(configs).toHaveLength(2);
+    const literalRoute = Array.from(configs).find(
+      (config) =>
+        config.type === 'route' &&
+        config.path.length === 1 &&
+        config.path[0]?.type === 'literal',
+    );
+    const slugRoute = Array.from(configs).find(
+      (config) =>
+        config.type === 'route' &&
+        config.path.length === 1 &&
+        config.path[0]?.type === 'group',
+    );
+    expect(literalRoute).toBeDefined();
+    expect(slugRoute).toBeDefined();
+    expect(Array.from(configs).indexOf(literalRoute!)).toBeLessThan(
+      Array.from(configs).indexOf(slugRoute!),
+    );
+  });
+
   it('fails if static paths do not match the slug pattern', async () => {
     createPages(async ({ createPage }) => [
       createPage({