diff --git a/content/2-templating/4-event-click/qwik/Counter.tsx b/content/2-templating/4-event-click/qwik/Counter.tsx
index 3e9ac8c..816bdb3 100644
--- a/content/2-templating/4-event-click/qwik/Counter.tsx
+++ b/content/2-templating/4-event-click/qwik/Counter.tsx
@@ -2,10 +2,10 @@ import { component$, useStore } from "@builder.io/qwik";
export const Counter = component$(() => {
const store = useStore({ count: 0 });
-
- const incrementCount = $(() => {
+
+ const incrementCount = () => {
store.count++;
- });
+ };
return (
<>
diff --git a/content/2-templating/5-dom-ref/lit/input-focused.js b/content/2-templating/5-dom-ref/lit/input-focused.js
index aa2c369..8c3d9a6 100644
--- a/content/2-templating/5-dom-ref/lit/input-focused.js
+++ b/content/2-templating/5-dom-ref/lit/input-focused.js
@@ -3,7 +3,7 @@ import { customElement, state, query } from "lit/decorators.js";
@customElement("input-focused")
export class InputFocused extends LitElement {
- @query('input') inputEl;
+ @query("input") inputEl;
firstUpdated() {
this.inputEl.focus();
diff --git a/content/4-component-composition/4-slot-fallback/lit/funny-button.js b/content/4-component-composition/4-slot-fallback/lit/funny-button.js
index 652464e..fb1b9df 100644
--- a/content/4-component-composition/4-slot-fallback/lit/funny-button.js
+++ b/content/4-component-composition/4-slot-fallback/lit/funny-button.js
@@ -8,14 +8,15 @@ export class FunnyButton extends LitElement {
background: rgba(0, 0, 0, 0.4);
color: #fff;
padding: 10px 20px;
- fontSize: 30px;
+ fontsize: 30px;
border: 2px solid #fff;
margin: 8px;
transform: scale(0.9);
- boxShadow: 4px 4px rgba(0, 0, 0, 0.4);
+ boxshadow: 4px 4px rgba(0, 0, 0, 0.4);
transition: transform 0.2s cubic-bezier(0.34, 1.65, 0.88, 0.925) 0s;
outline: 0;
- }`;
+ }
+ `;
render() {
return html`
diff --git a/content/4-component-composition/5-context/ember/user-profile.hbs b/content/4-component-composition/5-context/ember/user-profile.hbs
index b8b77a8..d29bc82 100644
--- a/content/4-component-composition/5-context/ember/user-profile.hbs
+++ b/content/4-component-composition/5-context/ember/user-profile.hbs
@@ -1,8 +1,8 @@
-
-
My Profile
-
Username: {{this.user.username}}
-
Email: {{this.user.email}}
-
+
+
My Profile
+
Username: {{this.user.username}}
+
Email: {{this.user.email}}
+
\ No newline at end of file
diff --git a/content/4-component-composition/5-context/ember/user-profile.js b/content/4-component-composition/5-context/ember/user-profile.js
index 64a3e03..c1f2a82 100644
--- a/content/4-component-composition/5-context/ember/user-profile.js
+++ b/content/4-component-composition/5-context/ember/user-profile.js
@@ -1,10 +1,10 @@
-import Component from '@glimmer/component';
-import { service } from '@ember/service';
-
-export default class UserProfileComponent extends Component {
- @service userService;
-
- get user() {
- return this.userService.user;
- }
-}
+import Component from "@glimmer/component";
+import { service } from "@ember/service";
+
+export default class UserProfileComponent extends Component {
+ @service userService;
+
+ get user() {
+ return this.userService.user;
+ }
+}
diff --git a/content/4-component-composition/5-context/ember/user-service.js b/content/4-component-composition/5-context/ember/user-service.js
index fac7602..16243c3 100644
--- a/content/4-component-composition/5-context/ember/user-service.js
+++ b/content/4-component-composition/5-context/ember/user-service.js
@@ -1,22 +1,22 @@
-import Service from '@ember/service';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class UserServiceService extends Service {
- @tracked id = 1;
- @tracked username = 'unicorn42';
- @tracked email = 'unicorn42@example.com';
-
- get user() {
- return {
- id: this.id,
- username: this.username,
- email: this.email,
- };
- }
-
- @action
- updateUserName(newUsername) {
- this.username = newUsername;
- }
-}
+import Service from "@ember/service";
+import { tracked } from "@glimmer/tracking";
+import { action } from "@ember/object";
+
+export default class UserServiceService extends Service {
+ @tracked id = 1;
+ @tracked username = "unicorn42";
+ @tracked email = "unicorn42@example.com";
+
+ get user() {
+ return {
+ id: this.id,
+ username: this.username,
+ email: this.email,
+ };
+ }
+
+ @action
+ updateUserName(newUsername) {
+ this.username = newUsername;
+ }
+}
diff --git a/content/7-webapp-features/1-render-app/angular/index.html b/content/7-webapp-features/1-render-app/angular/index.html
index ac1f9bc..f6f7a01 100644
--- a/content/7-webapp-features/1-render-app/angular/index.html
+++ b/content/7-webapp-features/1-render-app/angular/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/aurelia2/index.html b/content/7-webapp-features/1-render-app/aurelia2/index.html
index 42da3ae..6ec5aea 100644
--- a/content/7-webapp-features/1-render-app/aurelia2/index.html
+++ b/content/7-webapp-features/1-render-app/aurelia2/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/lit/index.html b/content/7-webapp-features/1-render-app/lit/index.html
index b0befb8..e5194f5 100644
--- a/content/7-webapp-features/1-render-app/lit/index.html
+++ b/content/7-webapp-features/1-render-app/lit/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/mithril/index.html b/content/7-webapp-features/1-render-app/mithril/index.html
index fe8efca..832290d 100644
--- a/content/7-webapp-features/1-render-app/mithril/index.html
+++ b/content/7-webapp-features/1-render-app/mithril/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/react/index.html b/content/7-webapp-features/1-render-app/react/index.html
index fe8efca..832290d 100644
--- a/content/7-webapp-features/1-render-app/react/index.html
+++ b/content/7-webapp-features/1-render-app/react/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/solid/index.html b/content/7-webapp-features/1-render-app/solid/index.html
index fe8efca..832290d 100644
--- a/content/7-webapp-features/1-render-app/solid/index.html
+++ b/content/7-webapp-features/1-render-app/solid/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/svelte/index.html b/content/7-webapp-features/1-render-app/svelte/index.html
index 968bb7d..e66268f 100644
--- a/content/7-webapp-features/1-render-app/svelte/index.html
+++ b/content/7-webapp-features/1-render-app/svelte/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/vue2/App.vue b/content/7-webapp-features/1-render-app/vue2/App.vue
index a958e3b..924225f 100644
--- a/content/7-webapp-features/1-render-app/vue2/App.vue
+++ b/content/7-webapp-features/1-render-app/vue2/App.vue
@@ -4,6 +4,6 @@
\ No newline at end of file
+ name: "App",
+};
+
diff --git a/content/7-webapp-features/1-render-app/vue2/index.html b/content/7-webapp-features/1-render-app/vue2/index.html
index b354333..7c7079a 100644
--- a/content/7-webapp-features/1-render-app/vue2/index.html
+++ b/content/7-webapp-features/1-render-app/vue2/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/vue2/main.js b/content/7-webapp-features/1-render-app/vue2/main.js
index a2efad6..ec94ff2 100644
--- a/content/7-webapp-features/1-render-app/vue2/main.js
+++ b/content/7-webapp-features/1-render-app/vue2/main.js
@@ -1,8 +1,8 @@
-import Vue from 'vue'
-import App from './App.vue'
+import Vue from "vue";
+import App from "./App.vue";
new Vue({
- el: '#app',
+ el: "#app",
components: { App },
- template: '
'
-})
+ template: "
",
+});
diff --git a/content/7-webapp-features/1-render-app/vue3/index.html b/content/7-webapp-features/1-render-app/vue3/index.html
index b354333..7c7079a 100644
--- a/content/7-webapp-features/1-render-app/vue3/index.html
+++ b/content/7-webapp-features/1-render-app/vue3/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/content/7-webapp-features/1-render-app/vue3/main.js b/content/7-webapp-features/1-render-app/vue3/main.js
index 01433bc..b670de8 100644
--- a/content/7-webapp-features/1-render-app/vue3/main.js
+++ b/content/7-webapp-features/1-render-app/vue3/main.js
@@ -1,4 +1,4 @@
-import { createApp } from 'vue'
-import App from './App.vue'
+import { createApp } from "vue";
+import App from "./App.vue";
-createApp(App).mount('#app')
+createApp(App).mount("#app");
diff --git a/content/7-webapp-features/2-fetch-data/aurelia1/app.ts b/content/7-webapp-features/2-fetch-data/aurelia1/app.ts
index 976e277..b94face 100644
--- a/content/7-webapp-features/2-fetch-data/aurelia1/app.ts
+++ b/content/7-webapp-features/2-fetch-data/aurelia1/app.ts
@@ -3,7 +3,9 @@ import { UseFetchUsers } from "./UseFetchUsers";
@autoinject()
export class App {
- constructor(private useFetchUsers: UseFetchUsers) { }
+ constructor(private useFetchUsers: UseFetchUsers) {
+ this.useFetchUsers = useFetchUsers;
+ }
attached() {
this.useFetchUsers.fetchData();
diff --git a/index.html b/index.html
index a96f5b9..6e50796 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-
+
@@ -46,7 +46,8 @@