Finalizacja migracji

src/components/App/Clock.vue

@@ -1,37 +1,37 @@
-<template>
-  <div class="clock">{{ computedDate }}</div>
-</template>
-
-
-<script lang="ts">
-import { computed, defineComponent, ref } from "vue";
-export default defineComponent({
-  name: "clock",
-  data: () => ({
-    timestamp: Date.now(),
-  }),
-  setup() {
-      let timestamp = ref(Date.now());
-
-      const computedDate = computed(() => new Date(timestamp.value).toLocaleString("pl-PL", {
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-      }));
-
-      setInterval(() => (timestamp.value = Date.now()), 1000);
-
-      return { computedDate }
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-@import "../../styles/responsive.scss";
-
-.clock {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+<template>
+  <div class="clock">{{ computedDate }}</div>
+</template>
+
+
+<script lang="ts">
+import { computed, defineComponent, ref } from "vue";
+export default defineComponent({
+  name: "clock",
+  data: () => ({
+    timestamp: Date.now(),
+  }),
+  setup() {
+      let timestamp = ref(Date.now());
+
+      const computedDate = computed(() => new Date(timestamp.value).toLocaleString("pl-PL", {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+      }));
+
+      setInterval(() => (timestamp.value = Date.now()), 1000);
+
+      return { computedDate }
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+@import "../../styles/responsive.scss";
+
+.clock {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>

src/components/App/Loading.vue

@@ -1,31 +1,31 @@
-<template>
-  <div class="loading">{{message}}</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "@vue/runtime-core";
-
-export default defineComponent({
-  props: ["message"],
-});
-</script>
-
-<style lang="scss" scoped>
-.loading {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  min-height: 100%;
-
-  position: absolute;
-  top: 50%;
-  left: 50%;
-
-  transform: translate(-50%, -50%);
-
-  font-size: calc(0.75rem + 1vw);
-
-  color: #fdc62f;
-}
+<template>
+  <div class="loading">{{message}}</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+
+export default defineComponent({
+  props: ["message"],
+});
+</script>
+
+<style lang="scss" scoped>
+.loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  min-height: 100%;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  transform: translate(-50%, -50%);
+
+  font-size: calc(0.75rem + 1vw);
+
+  color: #fdc62f;
+}
 </style>

src/components/App/UpdatesCard.vue

@@ -1,47 +1,47 @@
-<template>
-  <section
-    class="updates card"
-    v-if="cardOpen"
-  >
-    <h2>Ostatnie aktualizacje w Stacjowniku</h2>
-    <p>Tutaj będą pojawiać się informacje o kolejnych nowościach na stronie :)</p>
-
-    <ul>
-      <li
-        v-for="(update, i) in updates"
-        :key="i"
-      >
-        <div>{{update.date}}</div>
-
-        <div>
-          <span
-            v-for="(line, l) in content"
-            :key="l"
-          >{{line}}</span>
-        </div>
-      </li>
-    </ul>
-  </section>
-</template>
-
-<script>
-import { defineComponent } from "@vue/runtime-core";
-
-export default defineComponent({
-  data() {
-    return {
-      updates: {
-        date: "08/08/20",
-        content: [
-          "Lekko odświeżono wygląd strony, dodano nowy widok z pociągami online",
-          "Dodano animacje zmieniania widoków (zakładek)",
-          "Dodano przycisk zamykający kartę z filtrami",
-        ],
-      },
-    };
-  },
-});
-</script>
-
-<style lang="scss" scoped>
+<template>
+  <section
+    class="updates card"
+    v-if="cardOpen"
+  >
+    <h2>Ostatnie aktualizacje w Stacjowniku</h2>
+    <p>Tutaj będą pojawiać się informacje o kolejnych nowościach na stronie :)</p>
+
+    <ul>
+      <li
+        v-for="(update, i) in updates"
+        :key="i"
+      >
+        <div>{{update.date}}</div>
+
+        <div>
+          <span
+            v-for="(line, l) in content"
+            :key="l"
+          >{{line}}</span>
+        </div>
+      </li>
+    </ul>
+  </section>
+</template>
+
+<script>
+import { defineComponent } from "@vue/runtime-core";
+
+export default defineComponent({
+  data() {
+    return {
+      updates: {
+        date: "08/08/20",
+        content: [
+          "Lekko odświeżono wygląd strony, dodano nowy widok z pociągami online",
+          "Dodano animacje zmieniania widoków (zakładek)",
+          "Dodano przycisk zamykający kartę z filtrami",
+        ],
+      },
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
 </style>