RegisterRouteComponent

Registers an Angular standalone component to be rendered in a route.

Example

routes.ts

import { registerRouteComponent } from '@vendure/admin-ui/core';import { registerReactRouteComponent } from '@vendure/admin-ui/react';import { ProductReviewDetailComponent } from './components/product-review-detail/product-review-detail.component';import { AllProductReviewsList } from './components/all-product-reviews-list/all-product-reviews-list.component';import { GetReviewDetailDocument } from './generated-types';export default [    registerRouteComponent({        path: '',        component: AllProductReviewsList,        breadcrumb: 'Product reviews',    }),    registerRouteComponent({        path: ':id',        component: ProductReviewDetailComponent,        query: GetReviewDetailDocument,        entityKey: 'productReview',        getBreadcrumbs: entity => [            {                label: 'Product reviews',                link: ['/extensions', 'product-reviews'],            },            {                label: `#${entity?.id} (${entity?.product.name})`,                link: [],            },        ],    }),];

Signature

function registerRouteComponent<Component extends any | BaseDetailComponent<Entity>, Entity extends { id: string; updatedAt?: string }, T extends DocumentNode | TypedDocumentNode<any, { id: string }>, Field extends keyof ResultOf<T>, R extends Field>(options: RegisterRouteComponentOptions<Component, Entity, T, Field, R>): void

Parameters

options

parameterRegisterRouteComponentOptions<Component, Entity, T, Field, R>