WIP rename and move to digital-components.

src/digital-components/textarea-question/textarea-question.vue

@@ -1,8 +1,6 @@
 <template>
-    <div class="text-area-multine">
-        <label for="textarea-comments" class="fw-bold mb-1"
-            >{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label
-        >
+    <div class="textarea-question">
+        <label for="textarea-comments" class="fw-bold mb-1">{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label>
         <textarea
             id="textarea-comments"
             class="p-4"
@@ -19,7 +17,7 @@
 
 <script>
 export default {
-    name: "textareamultiline",
+    name: "textareaquestion",
     props: {
         labelText: String,
         labelTextOptional: String,
@@ -42,7 +40,7 @@ export default {
 </script>
 
 <style lang="scss">
-.text-area-multine {
+.textarea-question {
     display: flex;
     flex-direction: column;
     label {

src/layouts/customer-details/customer-details.vue

@@ -1,7 +1,8 @@
 <template>
-    <textareamultiline
+    <textareaquestion
         cmsWidgetName="CustomerDetailsTextAreaLabelText"
         :labelText=textAreaLabelCopy
+        :labelTextOptional=textAreaLabelCopyOptional
         textAreaLabelText
         textAreaFooterText="250/250 characters remaining"
         footerText
@@ -9,7 +10,7 @@
 </template>
 
 <script>
-import textareamultiline from "@/ux-components/text-area/text-area-multi-line";
+import textareaquestion from "@/digital-components/textarea-question/textarea-question";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
@@ -18,7 +19,7 @@ import { getDamageString, isGlassAvailableForCarId } from "@/helpers/damage-help
 export default {
     name: "customer-details",
     components: {
-        textareamultiline
+        textareaquestion
     },
     async beforeRouteEnter(to, from, next) {
         // Call APIs
@@ -41,7 +42,10 @@ export default {
     },
     computed: {
         textAreaLabelCopy() {
-            return this.getCmsContent("CustomerDetailsTextAreaLabelText");
+            return this.getCmsContent("CustomerDetailsTextAreaLabelText", "HeaderText");
+        },
+        textAreaLabelCopyOptional() {
+            return this.getCmsContent("CustomerDetailsTextAreaLabelText", "SubheaderText");
         },
     }
 };