Лучший способ создать vue-router - интернет магазин

Question

У меня небольшая проблема с подготовкой vue-router к моему интернет-магазину. У меня есть два уровня дерева категорий продуктов с родительским и дочерним элементом. Моя категория просмотра, построена динамика получения данных из базы данных:

PARENT
– CHILD 1
– CHILD 2
PARENT 2
– CHILD 1
– CHILD 2
PARENT 3
- CHILD 1
PARENT 4
- CHILD 1
- CHILD 2

и т.д.. Я не знаю, как подготовить динамический маршрутизатор. Теперь я делаю что-то подобное:

{
        name: 'Produkty',
        display: true,
        meta: { requiresAuth: false, menuType: 'topNav' },
        path: '/produkt/:categoryId?/:subCategoryId?',
        component: () => import(/* webpackChunkName: "home" */ './views/home/product')
      },
      {
        name: 'productDetail',
        display: false,
        meta: { requiresAuth: false },
        path: '/produkt/:categoryId/:subCategoryId/:productId',
        component: () => import(/* webpackChunkName: "home" */ './views/home/product/Details')
      }

Я не знаю, это хороший способ? Может быть, у кого-нибудь есть идея для этого лучше? Я также хочу реализовать динамическую базу хлебных крошек на пути маршрутизатора.

И другой вопрос: Как перенаправить с: http://localhost/produkt/1234/523/123(productId) на http://localhost/product_name.html например?