Splitting handler for different HTTP Methods over multiple routing groups

[EthanSuperior]

I recently started learning server side web development so maybe I'm missed something, but I encountered something that I honestly thought would work and was surprised when it didn't, but i had a GET and POST handle split between two different routing groups and calling my POST method gave a 405 error. Might it be possible to allow some way for this type of structure to be supported? maybe using RouteConfig?

Project structure

└── routes
    ├── (needsAuth)
    │   ├── _middleware.tsx 
    │   └── score
    │       └── index.tsx # POST method handler
    ├── _middleware.tsx
    └── score
        └── index.tsx # GET method handler

My GET Handler, and POST Handler were declared like the following:

import { Handlers } from "$fresh/server.ts";
export const handler: Handlers = {
  async GET() {...},
};

import { Handlers } from "$fresh/server.ts";
export const handler: Handlers = {
  async POST(req, _ctx) {...},
};