feat(demo): use standalone components

Author: bartholomej

projects/demo/src/app/app-routing.module.ts

@@ -4,13 +4,11 @@ import { RouterModule, Routes } from '@angular/router';
 export const routes: Routes = [
   {
     path: '',
-    loadChildren: () =>
-      import('./component-way/component-way.module').then((m) => m.ComponentWayModule),
+    loadComponent: () => import('./component-way/component-way.component'),
   },
   {
     path: 'directive-way',
-    loadChildren: () =>
-      import('./directive-way/directive-way.module').then((m) => m.DirectiveWayModule),
+    loadComponent: () => import('./directive-way/directive-way.component'),
   },
 ];
 

projects/demo/src/app/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { NgxScrollTopModule } from '../../../ngx-scrolltop/src/lib/ngx-scrolltop.module';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, AppRoutingModule, NgxScrollTopModule],
+  imports: [BrowserModule, AppRoutingModule],
   providers: [],
   bootstrap: [AppComponent],
 })

projects/demo/src/app/component-way/component-way.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { NgxScrollTopComponent } from 'projects/ngx-scrolltop/src/public-api';
 
 @Component({
   selector: 'app-component-way',
   templateUrl: './component-way.component.html',
   styleUrls: ['./component-way.component.scss'],
+  standalone: true,
+  imports: [NgxScrollTopComponent],
 })
-export class ComponentWayComponent {}
+export default class ComponentWayComponent {}

projects/demo/src/app/directive-way/directive-way.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { NgxScrollTopDirective } from 'projects/ngx-scrolltop/src/public-api';
 
 @Component({
   selector: 'app-directive-way',
   templateUrl: './directive-way.component.html',
   styleUrls: ['./directive-way.component.scss'],
+  standalone: true,
+  imports: [NgxScrollTopDirective],
 })
-export class DirectiveWayComponent {}
+export default class DirectiveWayComponent {}