Route fix

src/app/app-routing.module.ts

@@ -48,7 +48,8 @@ import {PaymentDemoComponent} from './demo/view/menu/paymentdemo.component';
                     {path: 'uikit/media', component: MediaDemoComponent},
                     {path: 'uikit/menu', component: MenusDemoComponent,
                         children: [
-                            {path:'', component: PersonalDemoComponent},
+                            {path:'', redirectTo: 'personal', pathMatch: 'full'},
+				            {path: 'personal', component: PersonalDemoComponent},
                             {path:'seat', component: SeatDemoComponent},
                             {path:'payment', component: PaymentDemoComponent},
                             {path:'confirmation', component: ConfirmationDemoComponent},

src/app/demo/view/menusdemo.component.html

@@ -31,7 +31,7 @@
     <div class="col-12 md:col-6">
         <div class="card card-w-title">
             <h5>TabMenu</h5>
-            <p-tabMenu [model]="routeItems" [activeItem]="routeItems[0]"></p-tabMenu>
+            <p-tabMenu [model]="routeItems"></p-tabMenu>
             <router-outlet></router-outlet>
         </div>
     </div>

src/app/demo/view/menusdemo.component.ts

@@ -285,7 +285,7 @@ export class MenusDemoComponent implements OnInit {
         this.breadcrumbItems.push({ label: 'Item' });
 
         this.routeItems = [
-            {label: 'Personal', routerLink:''},
+            {label: 'Personal', routerLink:'personal'},
             {label: 'Seat', routerLink:'seat'},
             {label: 'Payment', routerLink:'payment'},
             {label: 'Confirmation', routerLink:'confirmation'},