From 307e9544b4025ae8a16c2e20f44cc19f0d4b0d99 Mon Sep 17 00:00:00 2001
From: Piotr Migdal <pmigdal@gmail.com>
Date: Fri, 21 Feb 2020 22:14:34 +0100
Subject: [PATCH] fix(vue) all props have defaults - potentially solves #14

---
 src/lib-components/coordinate-legend.vue | 2 +-
 src/lib-components/ket-viewer.vue        | 4 ++--
 src/lib-components/matrix-dimensions.vue | 2 +-
 src/lib-components/matrix-labels.vue     | 4 ++--
 src/lib-components/matrix-viewer.vue     | 4 ++--
 src/lib-components/view-button-group.vue | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/lib-components/coordinate-legend.vue b/src/lib-components/coordinate-legend.vue
index ed19070..ee02133 100644
--- a/src/lib-components/coordinate-legend.vue
+++ b/src/lib-components/coordinate-legend.vue
@@ -25,7 +25,7 @@ import { Vue, Component, Prop } from 'vue-property-decorator';
 export default class CoordinateLegend extends Vue {
   @Prop({ default: 'polar' }) readonly complexStyle!: string
 
-  @Prop({ default: [] }) readonly dimensionNames!: string[]
+  @Prop({ default: () => [] }) readonly dimensionNames!: string[]
 
   dimensionNameToColor(dimName: string): string {
     switch (dimName) {
diff --git a/src/lib-components/ket-viewer.vue b/src/lib-components/ket-viewer.vue
index 19acc72..8983c34 100644
--- a/src/lib-components/ket-viewer.vue
+++ b/src/lib-components/ket-viewer.vue
@@ -62,7 +62,7 @@
 <script lang="ts">
 import { Vue, Component, Prop } from 'vue-property-decorator';
 import {
-  Complex, Vector, VectorEntry, Basis,
+  Dimension, Complex, Vector, VectorEntry, Basis,
 } from 'quantum-tensors';
 import { coordPrettier } from '@/lib-components/utils';
 import { hslToHex, TAU } from '@/lib-components/colors';
@@ -94,7 +94,7 @@ const allBasesDefault: IBasisSelector[] = [
 })
 
 export default class KetViewer extends Vue {
-  @Prop() readonly vector!: Vector
+  @Prop({ default: Vector.indicator([Dimension.qubit()], '0') }) readonly vector!: Vector
 
   @Prop({ default: true }) readonly showLegend!: boolean
 
diff --git a/src/lib-components/matrix-dimensions.vue b/src/lib-components/matrix-dimensions.vue
index d03bd73..45d6591 100644
--- a/src/lib-components/matrix-dimensions.vue
+++ b/src/lib-components/matrix-dimensions.vue
@@ -34,7 +34,7 @@ import { range } from '@/lib-components/utils';
 export default class MatrixDimensions extends Vue {
   @Prop({ default: () => 40 }) private size!: number
 
-  @Prop({ required: true }) private location!: string
+  @Prop({ required: true, default: 'top' }) private location!: string
 
   @Prop({ default: () => [] }) private dimensionNames!: string[]
 
diff --git a/src/lib-components/matrix-labels.vue b/src/lib-components/matrix-labels.vue
index 4bdd717..6244e38 100644
--- a/src/lib-components/matrix-labels.vue
+++ b/src/lib-components/matrix-labels.vue
@@ -62,9 +62,9 @@ export default class MatrixLabels extends Vue {
 
   @Prop({ default: () => '' }) private axisLabel!: string
 
-  @Prop({ required: true }) private location!: string
+  @Prop({ required: true, default: 'top' }) private location!: string
 
-  @Prop({ required: true }) private coordNames!: string[][]
+  @Prop({ required: true, default: [[]] }) private coordNames!: string[][]
 
   @Prop({ default: () => [] }) private selected!: number[]
 
diff --git a/src/lib-components/matrix-viewer.vue b/src/lib-components/matrix-viewer.vue
index 6863199..d60f926 100644
--- a/src/lib-components/matrix-viewer.vue
+++ b/src/lib-components/matrix-viewer.vue
@@ -104,7 +104,7 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Operator, Basis } from 'quantum-tensors';
+import { Dimension, Operator, Basis } from 'quantum-tensors';
 import { colorComplexPhaseToHue } from '@/lib-components/colors';
 import { range } from '@/lib-components/utils';
 import MatrixLabels from '@/lib-components/matrix-labels.vue';
@@ -131,7 +131,7 @@ interface IMatrixElement {
 export default class MatrixViewer extends Vue {
   @Prop({ default: () => 40 }) private size!: number
 
-  @Prop({ default: () => [[]] }) private operatorRaw!: Operator
+  @Prop({ default: () => Operator.identity([Dimension.qubit()]) }) private operatorRaw!: Operator
 
   operator = this.operatorRaw; // copy?
 
diff --git a/src/lib-components/view-button-group.vue b/src/lib-components/view-button-group.vue
index 4a934d8..f7dd4a5 100644
--- a/src/lib-components/view-button-group.vue
+++ b/src/lib-components/view-button-group.vue
@@ -24,7 +24,7 @@ import { Vue, Component, Prop } from 'vue-property-decorator';
 export default class ViewButtonGroup extends Vue {
   @Prop({ default: 'polar' }) readonly selectedOption!: string
 
-  @Prop({ default: () => ['polar', 'cartesian', 'color'] }) readonly options!: string[]
+  @Prop({ default: () => ['a', 'b', 'c'] }) readonly options!: string[]
 }
 </script>