Dart Routing

app_component.dart

@Component(...)
@RouteConfig(const [
  const Route( path: '/', name: 'Home', component: HomeView ),
  const Route( path: '/search', name: 'Search', component: SearchView ),
  const Route( path: '/error', name: 'Error', component: ErrorView ),
  const Route( path: '/shop/...', name: 'Shop', component: ShopView ),
  const Route( path: '/:slug', name: 'Page', component: PageView ),
])
class AppComponent {
  // ...
}

shop_view.dart

@Component(...)
@RouteConfig(const [
  const Route( path: '/', name: 'ShopHome', component: ShopHomeView, useAsDefault: true ),
  const Route( path: '/checkout', name: 'Checkout', component: CheckoutView ),
  const Route( path: '/category/:slug', name: 'Category', component: CategoryView ),
  const Route( path: '/product/:slug', name: 'Product', component: ProductDetailView ),
  const Route( path: '/order/:orderkey', name: 'Order', component: OrderView ),
])
class ShopView {
  ShopView(Router router) {
  }
}