Migracja projektu z ReactJS

src/components/states/Error.vue

@@ -0,0 +1,38 @@
+
+<template>
+  <div class="error">
+    <img src="@/assets/icon-error.svg" alt="Error" />
+    <div>Mechaniku, brak przejazdu!</div>
+    <div class="error-message">{{ error }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["error"]
+};
+</script>
+
+<style lang="scss" scoped>
+.error {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+
+  font-size: calc(1rem + 1.5vw);
+  font-weight: 550;
+
+  color: #ff1919;
+
+  img {
+    margin-bottom: 1rem;
+    width: 200px;
+  }
+
+  &-message {
+    font-size: 0.6em;
+  }
+}
+</style>

src/components/states/Loading.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="loading">Pobieranie danych o sceneriach...</div>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+export default Vue.extend({});
+</script>
+
+<style lang="scss" scoped>
+.loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-size: calc(0.75rem + 1vw);
+
+  color: #fdc62f;
+}
+</style>

src/components/ui/Card.vue

@@ -0,0 +1,11 @@
+<template></template>
+
+<script lang="ts">
+import Vue from "vue";
+export default Vue.extend({
+  name: "Card"
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/ui/List.vue

@@ -0,0 +1,11 @@
+<template></template>
+
+<script lang="ts">
+import Vue from "vue";
+export default Vue.extend({
+  name: "List"
+});
+</script>
+
+<style lang="scss" scoped>
+</style>