add nova

nova/resources/js/fields/Index/MorphToField.vue

@@ -0,0 +1,43 @@
+<template>
+  <div :class="`text-${field.textAlign}`">
+    <span>
+      <span v-if="field.viewable && field.value">
+        <RelationPeek
+          v-if="field.peekable && field.hasFieldsToPeekAt"
+          :resource-name="field.resourceName"
+          :resource-id="field.morphToId"
+          :resource="resource"
+        >
+          <Link
+            @click.stop
+            :href="$url(`/resources/${field.resourceName}/${field.morphToId}`)"
+            class="link-default"
+          >
+            {{ field.resourceLabel }}: {{ field.value }}
+          </Link>
+        </RelationPeek>
+
+        <Link
+          v-else
+          @click.stop
+          :href="$url(`/resources/${field.resourceName}/${field.morphToId}`)"
+          class="link-default"
+        >
+          {{ field.resourceLabel }}: {{ field.value }}
+        </Link>
+      </span>
+      <span v-else-if="field.value">
+        {{ field.resourceLabel || field.morphToType }}: {{ field.value }}
+      </span>
+      <span v-else>&mdash;</span>
+    </span>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  resource: { type: Object },
+  resourceName: { type: String },
+  field: { type: Object },
+})
+</script>