Display "no users found" for empty user list

webapp/locales/de.json

@@ -198,7 +198,8 @@
           "slug": "Slug",
           "role": "Rolle"
         }
-      }
+      },
+      "empty": "Keine Benutzer gefunden"
     },
     "pages": {
       "name": "Seiten"

webapp/locales/en.json

@@ -199,7 +199,8 @@
           "slug": "Slug",
           "role": "Role"
         }
-      }
+      },
+      "empty": "No users found"
     },
     "pages": {
       "name": "Pages"

webapp/pages/admin/users.vue

@@ -18,8 +18,8 @@
         </ds-form>
       </ds-card>
     </ds-space>
-    <ds-card>
-      <ds-table v-if="User && User.length" :data="User" :fields="fields" condensed>
+    <ds-card v-if="User && User.length">
+      <ds-table :data="User" :fields="fields" condensed>
         <template slot="index" slot-scope="scope">
           {{ scope.row.index }}.
         </template>
@@ -53,6 +53,11 @@
         </ds-flex-item>
       </ds-flex>
     </ds-card>
+    <ds-card v-else>
+      <ds-placeholder>
+        {{ $t('admin.users.empty') }}
+      </ds-placeholder>
+    </ds-card>
   </div>
 </template>