chore: run formatting

matschik · Sep 20, 2023 · 0b62d7c · 0b62d7c
1 parent 62ab77c
commit 0b62d7c
Show file tree

Hide file tree

Showing 21 changed files with 5,052 additions and 2,013 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,8 +1,8 @@
-<div>
-  <h2>My Profile</h2>
-  <p>Username: {{this.user.username}}</p>
-  <p>Email: {{this.user.email}}</p>
-  <button {{on "click" (fn this.userService.updateUserName "Jane")}}>
-    Update username to Jane
-  </button>
+<div>
+  <h2>My Profile</h2>
+  <p>Username: {{this.user.username}}</p>
+  <p>Email: {{this.user.email}}</p>
+  <button {{on "click" (fn this.userService.updateUserName "Jane")}}>
+    Update username to Jane
+  </button>
 </div>
diff --git 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
@@ -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 = '[email protected]';
-
-  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 = "[email protected]";
+
+  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
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <app-root></app-root>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <script type="module" src="./main.ts"></script>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <script type="module" src="./app.js"></script>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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 @@
 
 <script>
 export default {
-  name: 'App'
-}
-</script>
+  name: "App",
+};
+</script>
diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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: '<App/>'
-})
+  template: "<App/>",
+});
diff --git 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 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <body>
     <div id="app"></div>

diff --git 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
@@ -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
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta name="viewport" content="width=device-width" />
@@ -46,7 +46,8 @@
     <style>
       @font-face {
         font-family: "Mona Sans";
-        src: url("/font/Mona-Sans.woff2") format("woff2 supports variations"),
+        src:
+          url("/font/Mona-Sans.woff2") format("woff2 supports variations"),
           url("/font/Mona-Sans.woff2") format("woff2-variations");
         font-weight: 400 800;
         /* font-weight: 400 500 600 700 800; */