TypeScript classes added

src/views/AboutView.vue

@@ -3,3 +3,13 @@
     <h1>This is an about page</h1>
   </div>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class AboutView extends Vue {}
+</script>

src/views/AccountViewView.vue

@@ -73,3 +73,13 @@
     </dialog>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class AccountViewView extends Vue {}
+</script>

src/views/ConfirmContactView.vue

@@ -31,3 +31,13 @@
     </form>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class ConfirmContactView extends Vue {}
+</script>

src/views/ContactScanView.vue

@@ -48,3 +48,13 @@
     </form>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class ContactScanView extends Vue {}
+</script>

src/views/DiscoverView.vue

@@ -84,3 +84,13 @@
     </ul>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class DiscoverView extends Vue {}
+</script>

src/views/ImportAccountView.vue

@@ -18,4 +18,14 @@
       </div>
     </form>
   </section>
-</template>
+</template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class ImportAccountView extends Vue {}
+</script>

src/views/NewEditAccountView.vue

@@ -15,9 +15,18 @@
       <div class="mt-8">
         <button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Save Changes</button>
         <!-- SHOW ME instead while processing saving changes -->
-        <!-- <button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Processing&hellip; <i class="fa-solid fa-spinner fa-spin-pulse" disabled></i></button> -->
         <button type="button" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Cancel</button>
       </div>
     </form>
-</section>
+  </section>
-</template>
+</template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class NewEditAccountView extends Vue {}
+</script>

src/views/NewEditCommitmentView.vue

@@ -37,3 +37,13 @@
     </form>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class NewEditCommitmentView extends Vue {}
+</script>

src/views/NewEditProjectView.vue

@@ -36,3 +36,13 @@
     </form>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class NewEditProjectView extends Vue {}
+</script>

src/views/ProjectViewView.vue

@@ -73,3 +73,13 @@
     </div>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class ProjectViewView extends Vue {}
+</script>

src/views/StartView.vue

@@ -1,8 +1,5 @@
 <template>
-  <section
+  <section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center">
-    id="Content"
-    class="p-6 pb-24 min-h-screen flex flex-col justify-center"
-  >
     <!-- Heading -->
     <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
       Start Here
@@ -12,16 +9,19 @@
       <p class="text-center text-xl mb-4 font-light">
         Do you already have an identity to import?
       </p>
-      <a
+      <a href="account-edit.html" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">No</a>
-        href="account-edit.html"
+      <a href="account-import.html" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Yes</a
-        class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
-        >No</a
-      >
-      <a
-        href="account-import.html"
-        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
-        >Yes</a
       >
     </div>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {
+  },
+})
+export default class StartView extends Vue {}
+</script>