How to overwrite global route()?

[Kydollar]

Does anyone know how to overwrite global route()?

I want to create a condition where, if the user accesses the app without a locale prefix in the URL, the app should use routes with the prefix route('without-prefix.*')
How can I implement this behavior properly using Ziggy with Laravel 12, Inertia, and React?

route :

<?php

use Illuminate\Support\Facades\Route;

$supportedLocales = config('app.supported_locales', []);
if (!is_array($supportedLocales)) $supportedLocales = explode(',', $supportedLocales);

// === Without Prefix ===
Route::name('without-prefix.')->group(function () {
    require __DIR__ . '/app_routes.php';
    require __DIR__ . '/auth.php';
    require __DIR__ . '/settings.php';
});

// === With Prefix ===
Route::group([
    'prefix' => '{locale}',
    'where' => ['locale' => implode('|', $supportedLocales)],
], function () {
    require __DIR__ . '/app_routes.php';
    require __DIR__ . '/auth.php';
    require __DIR__ . '/settings.php';
});

middleware:

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\App;
use Illuminate\Support\Facades\URL;
use Symfony\Component\HttpFoundation\Response;

class DetectLocale
{
    /**
     * Handle without redirect.
     *
     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
     */
    public function handle($request, Closure $next): Response
    {
        $supportedLocales = config('app.supported_locales');
        $fallback = config('app.fallback_locale');

        $segments = $request->segments();
        $firstSegment = $segments[0] ?? null;

        if (in_array($firstSegment, $supportedLocales)) {
            App::setLocale($firstSegment);
        } else {
            $browserLocale = substr($request->server('HTTP_ACCEPT_LANGUAGE') ?? '', 0, 2);
            $locale = in_array($browserLocale, $supportedLocales) ? $browserLocale : $fallback;

            App::setLocale($locale);
        }

        URL::defaults(['locale' => App::getLocale()]);

        return $next($request);
    }
}

app.tsx:

import '../css/app.css';

import { createInertiaApp } from '@inertiajs/react';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { createRoot } from 'react-dom/client';
import { initializeTheme } from './hooks/use-appearance';

const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
    setup({ el, App, props }) {
        const root = createRoot(el);

        root.render(<App {...props} />);
    },
    progress: {
        color: '#4B5563',
    },
});

// This will set light / dark mode on load...
initializeTheme();

[bakerkretzmar]

Not sure exactly how you're using Ziggy (e.g. @routes vs importing the JS) but you can override the global route() helper by just defining it yourself instead. If you're doing that in JavaScript you can import Ziggy's route function with an alias and then wrap it in your own. If you're using @routes I would probably omit the helper function and then import and define it in JS instead.