Initial commit

nova/resources/js/components/Index/StackField.vue

@@ -0,0 +1,32 @@
+<template>
+  <div :class="`text-${field.textAlign}`">
+    <template v-if="hasValue">
+      <div class="leading-normal my-2">
+        <component
+          :key="line.value"
+          v-for="line in field.lines"
+          class="whitespace-no-wrap"
+          :is="`index-${line.component}`"
+          :field="line"
+          :resourceName="resourceName"
+        />
+      </div>
+    </template>
+    <p v-else>&mdash;</p>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['resourceName', 'field'],
+
+  computed: {
+    /**
+     * Determine if the field has a value other than null.
+     */
+    hasValue() {
+      return this.field.lines
+    },
+  },
+}
+</script>