@namelivia/vue-components 4.5.1 → 4.6.0

package/src/Spinner/Spinner.vue

@@ -4,11 +4,8 @@ div(class="spinner" role="status")
      | Please wait...
 </template>
 
-<script lang="js">
-import { defineComponent } from 'vue';
-export default defineComponent({
-  name: "Spinner",
-});
+<script setup>
+// No logic needed
 </script>
 
 <style scoped>

package/src/StyledTable/StyledTable.vue

@@ -3,11 +3,8 @@ table(class="styled-table")
   slot
 </template>
 
-<script lang="js">
-import { defineComponent } from 'vue';
-export default defineComponent({
-  name: "StyledTable",
-});
+<script setup>
+// No logic needed
 </script>
 
 <style scoped>

package/src/Temperature/Temperature.vue

@@ -12,28 +12,17 @@
     .max
       | {{maxFormatted}} ℃
 </template>
-<script lang="js">
-import { defineComponent } from 'vue'
-export default defineComponent({
-  name: "Temperature",
-  props: {
-    title: String,
-    min: Number,
-    max: Number,
-    avg: Number
-  },
-  computed: {
-    minFormatted() {
-      return this.min.toFixed(2);
-    },
-    avgFormatted() {
-      return this.avg.toFixed(2);
-    },
-    maxFormatted() {
-      return this.max.toFixed(2);
-    },
-  },
-})
+<script setup>
+import { computed } from 'vue';
+const props = defineProps({
+  title: String,
+  min: Number,
+  max: Number,
+  avg: Number
+});
+const minFormatted = computed(() => props.min.toFixed(2));
+const avgFormatted = computed(() => props.avg.toFixed(2));
+const maxFormatted = computed(() => props.max.toFixed(2));
 </script>
 <style scoped>
 .wrapper {