Drive review label from CMS widget.

src/layouts/review/review-block/review-block.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="py-3">
         <div class="d-flex">
-            <textBlock :customText="headerText" typeStyle="body small bold" margin="mt-0" />
+            <textBlock
+                :cmsWidgetName="headerCmsWidgetName"
+                typeStyle="body small bold"
+                margin="mt-0" />
             <textLink linkType="textSmall" text="Edit" class="ml-auto" @click-event="linkClicked" />
         </div>
         <div class="small" v-for="item in content" :key="item">
@@ -17,7 +20,7 @@ import textLink from "@/ux-components/text-link/text-link";
 export default {
     name: "vehicle-review",
     props: {
-        headerText: String,
+        headerCmsWidgetName: String,
         // Specifically an array of strings.
         content: Array,
     },

src/layouts/review/review-sections/vehicle-review/vehicle-review.vue

@@ -1,5 +1,8 @@
 <template>
-    <reviewBlock :headerText="headerText" :content="displayContent" @edit-clicked="editClicked" />
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
 </template>
 
 <script>
@@ -7,7 +10,9 @@ import reviewBlock from "@/layouts/review/review-block/review-block";
 
 export default {
     name: "vehicle-review",
-    props: {},
+    props: {
+        cmsWidgetName: String,
+    },
     data() {
         return {};
     },
@@ -17,9 +22,6 @@ export default {
         },
     },
     computed: {
-        headerText () {
-            return "Vehicle";
-        },
         displayContent() {
             return ["2018 Ford Fiesta"];
         },

src/layouts/review/review.vue

@@ -37,7 +37,7 @@
                 class="dark-header" />
 
             <div class="px-4">
-                <vehicleReview />
+                <vehicleReview cmsWidgetName="VehicleReviewWidget" />
                 <hr class="my-0" />
             </div>