chore(angular-query): update example dev containers to node 22 (#8370)

examples/angular/basic/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }

examples/angular/devtools-panel/.devcontainer/devcontainer.json

@@ -0,0 +1,4 @@
+{
+  "name": "Node.js",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}

examples/angular/devtools-panel/src/app/app.component.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { RouterLink, RouterOutlet } from '@angular/router'
-import { ExampleQueryComponent } from './components/example-query.component'
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -17,6 +16,6 @@ import { ExampleQueryComponent } from './components/example-query.component'
 
     <router-outlet />
   `,
-  imports: [ExampleQueryComponent, RouterOutlet, RouterLink],
+  imports: [RouterOutlet, RouterLink],
 })
 export class AppComponent {}

examples/angular/infinite-query-with-max-pages/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }

examples/angular/pagination/.devcontainer/devcontainer.json

@@ -0,0 +1,4 @@
+{
+  "name": "Node.js",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}

examples/angular/query-options-from-a-service/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }

examples/angular/router/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }

examples/angular/rxjs/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }

examples/angular/simple/.devcontainer/devcontainer.json

@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }