import { Component } from '@angular/core'; import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router'; import { RecipeService } from './recipe.service'; import { MatMenuModule } from '@angular/material/menu'; import { MatButtonModule } from '@angular/material/button'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet, RouterLink, RouterLinkActive, MatMenuModule, MatButtonModule], templateUrl: './app.component.html', styleUrl: './app.component.css', providers: [RecipeService], }) export class AppComponent { title = 'tiramisu'; constructor(protected recipes: RecipeService) { } }