@bfehub/vuepress-theme-vmi/lib/client/composables/useNavLink.js

Vmi theme of VuePress

import { useResolveRouteWithRedirect } from './useResolveRouteWithRedirect.js';
/**
 * Resolve NavLink props from string
 *
 * @example
 * - Input: '/README.md'
 * - Output: { text: 'Home', link: '/' }
 */
export const useNavLink = (item) => {
    // the route path of vue-router is url-encoded, and we expect users are using
    // non-url-encoded string in theme config, so we need to url-encode it first to
    // resolve the route correctly
    const resolved = useResolveRouteWithRedirect(encodeURI(item));
    return {
        text: resolved.meta.title || item,
        link: resolved.name === '404' ? item : resolved.fullPath,
    };
};