chore: drop MyModule in md files (#7312)

projects/addon-doc/README.md

@@ -33,16 +33,15 @@ npm i @taiga-ui/addon-doc
 2. Configure languages to highlight in your main module:
 
    ```typescript
-   import {NgModule} from '@angular/core';
+   import {Component} from '@angular/core';
    import {TuiDocMainModule} from '@taiga-ui/addon-doc';
    import {hljsLanguages} from './hljsLanguages';
    import {HIGHLIGHT_OPTIONS, HighlightLanguage} from 'ngx-highlightjs';
    import {AppComponent} from './app.component';
 
-   @NgModule({
-     bootstrap: [AppComponent],
+   @Component({
+     standalone: true,
      imports: [TuiDocMainModule],
-     declarations: [AppComponent],
      providers: [
        {
          provide: HIGHLIGHT_OPTIONS,
@@ -58,7 +57,7 @@ npm i @taiga-ui/addon-doc
        },
      ],
    })
-   export class AppBrowserModule {}
+   export class AppComponent {}
    ```
 
 3. Configure documentation providers:
@@ -98,12 +97,13 @@ npm i @taiga-ui/addon-doc
    _Module:_
 
    ```typescript
-   import {NgModule} from '@angular/core';
+   import {Component} from '@angular/core';
    import {RouterModule} from '@angular/router';
    import {tuiGenerateRoutes, TuiAddonDocModule} from '@taiga-ui/addon-doc';
    import {SuperComponent} from './super.component';
 
-   @NgModule({
+   @Component({
+     standalone: true,
      imports: [TuiAddonDocModule, RouterModule.forChild(tuiGenerateRoutes(SuperComponent))],
      declarations: [SuperComponent],
      exports: [SuperComponent],
@@ -117,8 +117,9 @@ npm i @taiga-ui/addon-doc
    import {Component} from '@angular/core';
 
    @Component({
+     standalone: true,
      selector: 'super-component',
-     templateUrl: './account.template.html',
+     templateUrl: './super.component.html',
    })
    export class SuperComponent {
      // Keys would be used as tabs for code example

projects/demo/src/modules/charts/arc-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiArcChartModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiArcChartModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/axes/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiAxesModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiAxesModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/bar-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiBarChartModule} from '@taiga-ui/addon-charts';
 
 //...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     //  ...
     TuiBarChartModule,
   ],
   //...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/bar-set/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiBarSetModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBarSetModule,
   ],
 })
 // ...
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/bar/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiBarModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBarModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/legend-item/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiLegendItemModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiLegendItemModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/line-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiLineChartModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiLineChartModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/line-days-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiLineDaysChartModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiLineDaysChartModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/pie-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiPieChartModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiPieChartModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/charts/ring-chart/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiRingChartModule} from '@taiga-ui/addon-charts';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiRingChartModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/accordion/examples/import/import-module.md

@@ -3,12 +3,13 @@ import {TuiAccordionModule} from '@taiga-ui/kit';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiAccordionModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/alert/examples/import/define-options.md

@@ -3,7 +3,8 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   providers: [
     tuiNotificationOptionsProvider({
       label: ({status}: any) => status[0].toUpperCase() + status.slice(1),
@@ -13,5 +14,5 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core';
   ],
   //  ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/avatar/examples/import/import.md

@@ -1,13 +1,14 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiAvatarModule} from '@taiga-ui/kit';
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiAvatarModule,
   ],
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/badge-notification/examples/import/import-module.md

@@ -1,13 +1,14 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiBadgeNotificationComponent} from '@taiga-ui/kit';
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBadgeNotificationComponent,
   ],
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/badge/examples/import/import-module.md

@@ -1,13 +1,14 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiBadgeDirective} from '@taiga-ui/kit';
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBadgeDirective,
   ],
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/badged-content/examples/import/import.md

@@ -1,13 +1,14 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiBadgedContentComponent} from '@taiga-ui/kit';
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBadgedContentComponent,
   ],
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/block-details/examples/import/import-module.md

@@ -1,5 +1,5 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiBlockDetailsDirective} from '@taiga-ui/layout';
 // ...
 

projects/demo/src/modules/components/block-status/examples/import/import.md

@@ -3,12 +3,13 @@ import {TuiBlockStatusModule} from '@taiga-ui/layout';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBlockStatusModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/block/examples/import/import.md

@@ -4,7 +4,8 @@ import {TuiBlockDirective, TuiCheckboxComponent} from '@taiga-ui/kit';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     FormsModule,
@@ -13,5 +14,5 @@ import {TuiBlockDirective, TuiCheckboxComponent} from '@taiga-ui/kit';
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/breadcrumbs/examples/import/import.md

@@ -3,12 +3,13 @@ import {TuiBreadcrumbsModule} from '@taiga-ui/kit';
 
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiBreadcrumbsModule,
   ],
   // ...
 })
-export class MyModule {}
+export class MyComponent {}
 ```

projects/demo/src/modules/components/button-close/examples/import/import.md

@@ -1,15 +1,16 @@
 ```ts
-import {NgModule} from '@angular/core';
+import {Component} from '@angular/core';
 import {TuiButtonDirective} from '@taiga-ui/core';
 import {TuiButtonCloseDirective} from '@taiga-ui/kit';
 // ...
 
-@NgModule({
+@Component({
+  standalone: true,
   imports: [
     // ...
     TuiButtonDirective,
     TuiButtonCloseDirective,
   ],
 })
-export class MyModule {}
+export class MyComponent {}
 ```