use output function

alexfriesen · Mar 21, 2024 · 59b390d · 59b390d
1 parent 24bd06e
commit 59b390d
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/app/directives/drop-area.directive.ts b/src/app/directives/drop-area.directive.ts
@@ -1,16 +1,13 @@
-import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+import { Directive, HostListener, output } from '@angular/core';
 import { parseFilesFromEvent } from 'data-transfer-helper';
 
 @Directive({
  selector: '[drop-area]',
  standalone: true,
 })
 export class DropAreaDirective {
- @Output()
- hovering = new EventEmitter<boolean>();
-
- @Output()
- filesDropped = new EventEmitter<File[]>();
+ readonly hovering = output<boolean>();
+ readonly filesDropped = output<File[]>();
 
  @HostListener('drop', ['$event'])
  async onDrop(event: DragEvent) {