title: Get params of route Shopware 6
body: <p>I try to extend the product detail page and get the <code>productId</code> out of the routes.</p>
  <pre class="lang-js prettyprint-override"><code>
  Shopware.Module.register('sw-product-content-element', {
    routeMiddleware(next, currentRoute) {
      if (currentRoute.name === 'sw.product.detail') {
            currentRoute.children.push({
                name: 'sw.product.detail.content-element',
                path: '/sw/product/detail/:id/content-element',
                component: 'sw-product-detail-content-element',
                meta: {
                    parentPath: &quot;sw.product.index&quot;
                },
                props: {
                  default(route) {
                    console.log(route)
                    return {
                        productId: route.params.id
                    };
                  }
                }
            });
        }
        next(currentRoute);
    }
  });
  
  </code></pre>
  <p>I try to pass my <code>productId</code> as props to my component, but in my component <code>productId</code> is <code>undefined</code>.</p>
  <pre class="lang-js prettyprint-override"><code>Component.register('sw-product-detail-content-element', {
    template,
  
    props: {
      productId: {
          required: true,
          type: String
      },
    },
  
    data() {
      return {
        product: null
      };
    },
  
    created() {
      console.log(this.productId)
    },
  ....
  </code></pre>