How to use Global Before Guards

[yangshangbo]

i use it in index.md file

<script>
import { context } from "@roxi/routify";
$context.route.router.beforeUrlChange((route) => {
    if (/[A-Z]/g.test(route.url)) {
        console.error("搜索内容中不能包含大写字母");
        return Promise.reject();
    } else {
        return Promise.resolve();
    }
});
</script>

<slot></slot>

but it does not work;

[jakobrosenberg]

Is this about Routify 2 or 3?

[yangshangbo]

version 3

[jakobrosenberg]

In your root _module.svelte, insert a module like this

<script context="module">
    // the guard module stops navigation if the return value isn't truthy or a truthy promise
    export const guard = route => {
        if (/[A-Z]/g.test(route.url)) {
            console.error("搜索内容中不能包含大写字母");
            // if you need to redirect (note: `replace` works like replaceState, but you can also use `push` )
            route.router.url.replace('/')
        } else 
            return true
    }
</script>

Please note that the callback guard signature may change in future iterations.

[yangshangbo]

It works. Thank you over much