Nuxt Logical Page Groups Module (WIP)

page-groups.ts

import { defineNuxtModule } from 'nuxt/kit';
import type { NuxtPage } from 'nuxt/schema';

const PAGE_GROUP_REGEX = /\(([^)]+)\)/;

export default defineNuxtModule({
  meta: {
    name: 'page-groups',
  },
  setup(_options, nuxt) {
    const rewritePagePath = (page: NuxtPage, pathPrefix = '') => {
      const matchArray = page.path.match(PAGE_GROUP_REGEX);

      if (!matchArray) return;

      const [routeName] = matchArray;

      console.log({
        path: page.path,
        updatedPath: `${pathPrefix}${page.path.replace(routeName, '')}`,
      });

      page.path = `${pathPrefix}${page.path.replace(routeName, '')}`;
    };

    const processPage = (page: NuxtPage, parentPath?: string) => {
      rewritePagePath(page, parentPath);

      if (page.children) {
        for (const childPage of page.children) {
          processPage(childPage, page.path);
        }
      }
    };

    nuxt.hook('pages:extend', (pages) => {
      for (const page of pages) {
        processPage(page);
      }
    });
  },
});

Use by wrapping a page directory in parens. For example account/index.vue becomes (account)/index.vue.