Linted views

src/views/NewEditCommitmentView.vue

@@ -4,26 +4,37 @@
     <!-- Breadcrumb -->
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
-	<!-- Cancel -->
-	<a href="project-view.html" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><i class="fa-solid fa-chevron-left fa-fw"></i></a>
+        <!-- Cancel -->
+        <a
+          href="project-view.html"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><i class="fa-solid fa-chevron-left fa-fw"></i
+        ></a>
 
-	Make Commitment
+        Make Commitment
       </h1>
     </div>
 
     <!-- Project Details -->
     <form>
       <select class="block w-full rounded border-slate-400 mb-4">
-	<option disabled>Choose a commitment type…</option>
-	<option selected>Time</option>
-	<option>Cryptocurrency</option>
-	<option>Money</option>
+        <option disabled>Choose a commitment type…</option>
+        <option selected>Time</option>
+        <option>Cryptocurrency</option>
+        <option>Money</option>
       </select>
 
       <!-- Time amount -->
       <div class="mb-4 flex items-stretch">
-	<input type="number" placeholder="0.0" class="block w-full rounded-l border-slate-400" />
-	<span class="px-4 py-2 rounded-r bg-slate-200 border border-l-0 border-slate-400">hours</span>
+        <input
+          type="number"
+          placeholder="0.0"
+          class="block w-full rounded-l border-slate-400"
+        />
+        <span
+          class="px-4 py-2 rounded-r bg-slate-200 border border-l-0 border-slate-400"
+          >hours</span
+        >
       </div>
 
       <!-- Crypto amount -->
@@ -31,8 +42,17 @@
       <!-- Money amount -->
 
       <div class="mt-8">
-	<input type="submit" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" value="Commit" />
-	<button type="button" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Maybe Later</button>
+        <input
+          type="submit"
+          class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
+          value="Commit"
+        />
+        <button
+          type="button"
+          class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
+        >
+          Maybe Later
+        </button>
       </div>
     </form>
   </section>
@@ -42,8 +62,7 @@
 import { Options, Vue } from "vue-class-component";
 
 @Options({
-  components: {
-  },
+  components: {},
 })
 export default class NewEditCommitmentView extends Vue {}
 </script>