style(eslint9): add solid, mithril, angular, react, aurelia, vue, qwi…

…k eslint configs

content/2-templating/2-styling/vue2/CssStyle.vue

@@ -1,7 +1,11 @@
 <template>
   <div>
-    <h1 class="title">I am red</h1>
-    <button style="font-size: 10rem">I am a button</button>
+    <h1 class="title">
+      I am red
+    </h1>
+    <button style="font-size: 10rem">
+      I am a button
+    </button>
   </div>
 </template>
 

content/2-templating/2-styling/vue3/CssStyle.vue

@@ -1,6 +1,10 @@
 <template>
-  <h1 class="title">I am red</h1>
-  <button style="font-size: 10rem">I am a button</button>
+  <h1 class="title">
+    I am red
+  </h1>
+  <button style="font-size: 10rem">
+    I am a button
+  </button>
 </template>
 
 <style scoped>

content/2-templating/4-event-click/vue2/Counter.vue

@@ -16,6 +16,8 @@ export default {
 <template>
   <div>
     <p>Counter: {{ count }}</p>
-    <button @click="incrementCount">+1</button>
+    <button @click="incrementCount">
+      +1
+    </button>
   </div>
 </template>

content/2-templating/4-event-click/vue3/Counter.vue

@@ -9,5 +9,7 @@ function incrementCount() {
 
 <template>
   <p>Counter: {{ count }}</p>
-  <button @click="incrementCount">+1</button>
+  <button @click="incrementCount">
+    +1
+  </button>
 </template>

content/2-templating/6-conditional/vue2/TrafficLight.vue

@@ -21,7 +21,9 @@ export default {
 
 <template>
   <div>
-    <button @click="nextLight">Next light</button>
+    <button @click="nextLight">
+      Next light
+    </button>
     <p>Light is: {{ light }}</p>
     <p>
       You must

content/2-templating/6-conditional/vue3/TrafficLight.vue

@@ -11,7 +11,9 @@ function nextLight() {
 </script>
 
 <template>
-  <button @click="nextLight">Next light</button>
+  <button @click="nextLight">
+    Next light
+  </button>
   <p>Light is: {{ light }}</p>
   <p>
     You must

content/3-lifecycle/2-on-unmount/aurelia1/time.ts

@@ -1,9 +1,9 @@
 export class Time {
   time: string = new Date().toLocaleTimeString();
-  timer: any;
+  timer: number;
 
   constructor() {
-    this.timer = setInterval(() => {
+    this.timer = window.setInterval(() => {
       this.time = new Date().toLocaleTimeString();
     }, 1000);
   }

content/4-component-composition/1-props/angular/userprofile.component.ts

@@ -10,8 +10,8 @@ import { Component, Input } from "@angular/core";
   `,
 })
 export class UserprofileComponent {
-  @Input() name: string = "";
-  @Input() age: number = 0;
+  @Input() name = "";
+  @Input() age = 0;
   @Input() favouriteColors: string[] = [];
-  @Input() isAvailable: boolean = false;
+  @Input() isAvailable = false;
 }

content/4-component-composition/2-emit-to-parent/vue2/AnswerButton.vue

@@ -13,8 +13,12 @@ export default {
 
 <template>
   <div>
-    <button @click="clickYes">YES</button>
+    <button @click="clickYes">
+      YES
+    </button>
 
-    <button @click="clickNo">NO</button>
+    <button @click="clickNo">
+      NO
+    </button>
   </div>
 </template>

content/4-component-composition/2-emit-to-parent/vue3/AnswerButton.vue

@@ -11,7 +11,11 @@ function clickNo() {
 </script>
 
 <template>
-  <button @click="clickYes">YES</button>
+  <button @click="clickYes">
+    YES
+  </button>
 
-  <button @click="clickNo">NO</button>
+  <button @click="clickNo">
+    NO
+  </button>
 </template>

content/7-webapp-features/1-render-app/qwik/app.tsx

@@ -1,4 +1,4 @@
-import { component$, useSignal } from "@builder.io/qwik";
+import { component$ } from "@builder.io/qwik";
 
 export const App = component$(() => {
   return <h1>Hello world</h1>;

content/7-webapp-features/2-fetch-data/angular/user.service.ts

@@ -36,7 +36,7 @@ export class UserService {
 
 export interface UserResponse {
   results: User[];
-  info: any;
+  info: unknown;
 }
 
 export interface User {

content/7-webapp-features/2-fetch-data/angular/users.component.ts

@@ -1,5 +1,4 @@
 import { Component } from "@angular/core";
-import { Observable } from "rxjs";
 import { UserService } from "./user.service";
 
 @Component({

content/7-webapp-features/2-fetch-data/aurelia2/app.ts

@@ -1,6 +1,5 @@
 import { UseFetchUsers } from "./UseFetchUsers";
 
 export class App {
-  // eslint-disable-next-line no-unused-vars
   constructor(private useFetchUsers: UseFetchUsers) {}
 }

content/7-webapp-features/2-fetch-data/vue2/App.vue

@@ -30,8 +30,12 @@ export default {
 </script>
 
 <template>
-  <p v-if="isLoading">Fetching users...</p>
-  <p v-else-if="error">An error ocurred while fetching users</p>
+  <p v-if="isLoading">
+    Fetching users...
+  </p>
+  <p v-else-if="error">
+    An error ocurred while fetching users
+  </p>
   <ul v-else-if="users">
     <li
       v-for="user in users"

content/7-webapp-features/2-fetch-data/vue3/App.vue

@@ -5,8 +5,12 @@ const { isLoading, error, data: users } = useFetchUsers();
 </script>
 
 <template>
-  <p v-if="isLoading">Fetching users...</p>
-  <p v-else-if="error">An error ocurred while fetching users</p>
+  <p v-if="isLoading">
+    Fetching users...
+  </p>
+  <p v-else-if="error">
+    An error ocurred while fetching users
+  </p>
   <ul v-else-if="users">
     <li
       v-for="user in users"