From 0ff714d11e95498570d9fc505816ab0448e92a0f Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 10 Jan 2021 11:25:31 +0900
Subject: [PATCH] Update value.object.vue

---
 src/client/pages/api-docs/value.object.vue | 41 +++++++++++++---------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/client/pages/api-docs/value.object.vue b/src/client/pages/api-docs/value.object.vue
index ccbf62193..8f1c8824f 100644
--- a/src/client/pages/api-docs/value.object.vue
+++ b/src/client/pages/api-docs/value.object.vue
@@ -1,8 +1,13 @@
 <template>
 <div class="jhpkzgfz">
-	<div class="kv" v-for="kv in kvs" :key="kv[0]">
-		<div class="k _monospace">{{ kv[0] }}</div>
-		<XValue class="v" :value="kv[1]" :schemas="schemas"/>
+	<div class="empty" v-if="kvs.length === 0">
+		No fields
+	</div>
+	<div class="kvs" v-else>
+		<div class="kv" v-for="kv in kvs" :key="kv[0]">
+			<div class="k _monospace">{{ kv[0] }}</div>
+			<XValue class="v" :value="kv[1]" :schemas="schemas"/>
+		</div>
 	</div>
 </div>
 </template>
@@ -48,23 +53,25 @@ export default defineComponent({
 	border-radius: 4px;
 	padding: 16px;
 
-	> .kv {
-		display: flex;
+	> .kvs {
+		> .kv {
+			display: flex;
 
-		&:not(:first-child) {
-			margin-top: 16px;
-			padding-top: 16px;
-			border-top: solid 1px var(--divider);
-		}
+			&:not(:first-child) {
+				margin-top: 16px;
+				padding-top: 16px;
+				border-top: solid 1px var(--divider);
+			}
 
-		> .k {
-			font-weight: bold;
-			margin-right: 1em;
-			min-width: 8em;
-		}
+			> .k {
+				font-weight: bold;
+				margin-right: 1em;
+				min-width: 8em;
+			}
 
-		> .v {
-			flex: 1;
+			> .v {
+				flex: 1;
+			}
 		}
 	}
 }