chore(demo): changed main app-bar example component to standalone, ch…

…anged routing

projects/demo/src/modules/app/app.routes.ts

@@ -1031,14 +1031,11 @@ export const ROUTES: Routes = [
             title: 'Preview',
         },
     },
-    {
+    route({
         path: 'navigation/app-bar',
-        loadChildren: async () =>
-            (await import('../components/app-bar/app-bar.module')).ExampleTuiAppBarModule,
-        data: {
-            title: 'AppBar',
-        },
-    },
+        loadComponent: async () => import('../components/app-bar/app-bar.component'),
+        title: 'AppBar',
+    }),
     {
         path: 'navigation/tab-bar',
         loadChildren: async () =>

projects/demo/src/modules/components/app-bar/app-bar.component.ts

@@ -1,13 +1,17 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import type {TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiAddonDocModule, type TuiDocExample} from '@taiga-ui/addon-doc';
+
+import {TuiAppBarExample1} from './examples/1';
 
 @Component({
+    standalone: true,
     selector: 'example-tui-app-bar',
+    imports: [TuiAddonDocModule, TuiAppBarExample1],
     templateUrl: './app-bar.template.html',
     changeDetection,
 })
-export class ExampleTuiAppBarComponent {
+export default class ExampleTuiAppBarComponent {
     protected readonly exampleModule = import('./examples/import/import-module.md?raw');
     protected readonly exampleHtml = import('./examples/import/insert-template.md?raw');