Modified TemporalityCreateWikiWizardStep's primary button behavior

and started creating the `KnowledgeEquityCreateWikiWizardStep` card

Bug: T419210

Author: outdooracorn

src/components/Cards/CreateWiki.vue

@@ -29,6 +29,17 @@
       :error="error"
       v-model="stepThree"
       @previous-step="goToStep(2)"
+      @next-step="goToStep(4)"
+      @submit="createWiki"
+    />
+
+    <KnowledgeEquityCreateWikiWizardStep
+      v-show="step === 4"
+      :title="title"
+      :inFlight="inFlight"
+      :error="error"
+      v-model="stepFour"
+      @previous-step="goToStep(3)"
       @submit="createWiki"
     />
   </v-form>
@@ -39,13 +50,15 @@ import config from '~/config'
 import SiteDetailsCreateWikiWizardStep from './SiteDetailsCreateWikiWizardStep.vue'
 import AudienceAndPurposeWizardStep from './AudienceAndPurposeWizardStep.vue'
 import TemporalityCreateWikiWizardStep from './TemporalityCreateWikiWizardStep.vue'
+import KnowledgeEquityCreateWikiWizardStep from './KnowledgeEquityCreateWikiWizardStep.vue'
 
 export default {
   name: 'CreateWiki',
   components: {
     SiteDetailsCreateWikiWizardStep,
     AudienceAndPurposeWizardStep,
-    TemporalityCreateWikiWizardStep
+    TemporalityCreateWikiWizardStep,
+    KnowledgeEquityCreateWikiWizardStep
   },
   props: [
     'title'

src/components/Cards/KnowledgeEquityCreateWikiWizardStep.vue

@@ -0,0 +1,11 @@
+<template>
+  <v-card class="elevation-12">
+    <v-toolbar dark color="primary">
+      <v-toolbar-title>{{ title }}</v-toolbar-title>
+    </v-toolbar>
+
+    <v-card-text>
+
+    </v-card-text>
+  </v-card>
+</template>

src/components/Cards/TemporalityCreateWikiWizardStep.vue

@@ -81,9 +81,9 @@
         type="button"
         color="primary"
         :disabled="inFlight"
-        @click="submitWholeForm"
+        @click="primaryBtnAction"
       >
-        Create Wiki
+        {{primaryBtnLabel}}
       </v-btn>
     </v-card-actions>
   </v-card>
@@ -98,26 +98,39 @@ export default {
     value: Object,
     error: Array
   },
+  computed: {
+    primaryBtnLabel () {
+      if (this.value.temporality === 'permanent') {
+        return 'Next >'
+      } else {
+        return 'Create Wiki'
+      }
+    }
+  },
   methods: {
-    previousStep () {
+    primaryBtnAction () {
       if (this.value.temporality !== 'other') {
         this.value.otherTemporality = undefined
       }
 
-      this.$emit('previous-step')
+      if (this.$refs.inputForm.validate() === false) {
+        return
+      }
+
+      if (this.value.temporality === 'permanent') {
+        this.$emit('next-step')
+      } else {
+        this.$emit('submit')
+      }
     },
-    submitWholeForm () {
+    previousStep () {
       if (this.value.temporality !== 'other') {
         this.value.otherTemporality = undefined
       }
 
-      this.$refs.inputForm.validate()
-      if (this.$refs.inputForm.validate() === true) {
-        this.$emit('submit')
-      }
+      this.$emit('previous-step')
     }
   }
-
 }
 </script>