chore(demo): update getting started

taiga-family · Sep 4, 2024 · 164f030 · 164f030
1 parent 3a66401
commit 164f030
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 85 deletions.
diff --git a/projects/demo/src/modules/app/home/examples/angular-json-global-single-styles.md b/projects/demo/src/modules/app/home/examples/angular-json-global-single-styles.md
diff --git a/projects/demo/src/modules/app/home/examples/app-standalone.md b/projects/demo/src/modules/app/home/examples/app-standalone.md
@@ -1,6 +1,6 @@
 ```ts
-import {Component} from '@angular/core';
 import {TuiRoot} from '@taiga-ui/core';
+// ..
 
 @Component({
   standalone: true,
@@ -10,7 +10,6 @@ import {TuiRoot} from '@taiga-ui/core';
     // ...
   ],
   templateUrl: './app.component.html',
-  styleUrls: ['./my.component.scss', './my.component.less'],
 })
 export class App {}
 ```
diff --git a/projects/demo/src/modules/app/home/examples/styles.less.md b/projects/demo/src/modules/app/home/examples/styles.less.md
diff --git a/projects/demo/src/modules/app/home/home.component.ts b/projects/demo/src/modules/app/home/home.component.ts
@@ -22,11 +22,6 @@ export class Home {
         './examples/project-json-styles.md?raw'
     );
 
-    protected readonly angularJsonGlobalSingleStyles = import(
-        './examples/angular-json-global-single-styles.md?raw'
-    );
-
-    protected readonly stylesLess = import('./examples/styles.less.md?raw');
     protected readonly appTemplate = import('./examples/app-template.md?raw');
     protected readonly assets = import('./examples/assets.md?raw');
     protected readonly nxAssets = import('./examples/nx-assets.md?raw');
@@ -38,12 +33,4 @@ export class Home {
     protected readonly nxMigrate = import('./examples/nx-migrate.md?raw');
     protected readonly standalone = import('./examples/app-standalone.md?raw');
     protected readonly standaloneMain = import('./examples/main-standalone.md?raw');
-
-    protected readonly customGlobalStyle = import(
-        '../../../../../styles/taiga-ui-global.less?raw'
-    ).then(({default: content}) => ({
-        default: content
-            .replaceAll("@import '", "@import '@taiga-ui/styles/")
-            .replace('@taiga-ui/styles/@taiga-ui/core', '@taiga-ui/core'),
-    }));
 }
diff --git a/projects/demo/src/modules/app/home/home.template.html b/projects/demo/src/modules/app/home/home.template.html
@@ -63,6 +63,15 @@ <h2 class="tui-space_top-10">Manual</h2>
                     Root component
                 </a>
             </li>
+            <li>
+                <a
+                    fragment="ng-event-plugins"
+                    routerLink="."
+                    tuiLink
+                >
+                    NG_EVENT_PLUGINS
+                </a>
+            </li>
             <li>
                 <a
                     fragment="icons"
@@ -145,43 +154,6 @@ <h2 class="tui-space_top-10">Manual</h2>
         </tui-tabs-with-more>
         <ng-container *ngIf="styles.activeItemIndex === 0">
             <tui-doc-code [code]="angularJsonStyles" />
-
-            <tui-accordion class="tui-space_top-3">
-                <tui-accordion-item>
-                    How setup global styles from
-                    <code>&#64;taiga-ui/styles</code>
-                    ?
-
-                    <ng-template tuiAccordionItemContent>
-                        If you want use global styles with default fonts out-of-the-box, you need install
-                        <code>npm i &#64;taiga-ui/styles</code>
-                        and put this code:
-
-                        <tui-doc-code
-                            filename="angular.json"
-                            [code]="angularJsonGlobalSingleStyles"
-                        />
-
-                        <tui-doc-code
-                            filename="styles.less"
-                            [code]="stylesLess"
-                        />
-
-                        <tui-notification class="tui-space_top-3">
-                            <div>
-                                Also you can use not all styles from global, but only the ones you need, for example
-                                <code>&#64;taiga-ui/styles/markup/tui-mobile-only</code>
-                                or something else from the list below:
-                            </div>
-                        </tui-notification>
-
-                        <tui-doc-code
-                            filename="styles.less"
-                            [code]="customGlobalStyle"
-                        />
-                    </ng-template>
-                </tui-accordion-item>
-            </tui-accordion>
         </ng-container>
         <tui-doc-code
             *ngIf="styles.activeItemIndex === 1"
@@ -213,12 +185,6 @@ <h2 class="tui-space_top-10">Manual</h2>
             >
                 <tui-doc-tab src="assets/icons/ts.svg">app.component.ts</tui-doc-tab>
             </button>
-            <button
-                *tuiItem
-                tuiTab
-            >
-                <tui-doc-tab src="assets/icons/ts.svg">main.ts</tui-doc-tab>
-            </button>
             <button
                 *tuiItem
                 tuiTab
@@ -232,18 +198,30 @@ <h2 class="tui-space_top-10">Manual</h2>
         />
         <tui-doc-code
             *ngIf="ngStandalone.activeItemIndex === 1"
-            [code]="standaloneMain"
-        />
-        <tui-doc-code
-            *ngIf="ngStandalone.activeItemIndex === 2"
             [code]="appTemplate"
         />
 
+        <h2
+            id="ng-event-plugins"
+            class="tui-space_top-10"
+        >
+            4. NG_EVENT_PLUGINS
+        </h2>
+        <tui-tabs-with-more class="tabs">
+            <button
+                *tuiItem
+                tuiTab
+            >
+                <tui-doc-tab src="assets/icons/ts.svg">main.ts</tui-doc-tab>
+            </button>
+        </tui-tabs-with-more>
+        <tui-doc-code [code]="standaloneMain" />
+
         <h2
             id="icons"
             class="tui-space_top-10"
         >
-            4. Icons
+            5. Icons
         </h2>
 
         <tui-tabs-with-more