lamualfa

Step

1. Install nprogress:

npm i nprogress

2. Put the below code in the src/routes/__layout.svelte (or something else).

lamualfa

Get translated Voyager Menu Items

According to this Voyager issue thedevdojo/voyager#3835, the author says there's no built-in function to translate the Voyager menu items. You need to write a custom function to solve it manually.

I've created a function to translate Voyager menu items for you. So you don't need to write it again.

Function to translate Voyager menu items

<?php

lamualfa

import { LinkProps, useMatch, useResolvedPath } from 'react-router-dom'

export function useIsActivePath(path: LinkProps['to'], strict = true) {
  const resolvedPath = useResolvedPath(path)
  const match = useMatch({ path: resolvedPath.pathname, end: strict })

  return match !== null
}

lamualfa

Important

Please disable the Secure Boot before running the following commands.

---

1. Install the prerequisite packages (skip if already installed)

sudo apt install dkms