add under construction empty state

next-ui/src/components.d.ts

@@ -28,6 +28,7 @@ declare module 'vue' {
     DialogSeriesPicker: typeof import('./components/dialog/SeriesPicker.vue')['default']
     DialogSimple: typeof import('./components/dialog/DialogSimple.vue')['default']
     DialogSimpleInstance: typeof import('./components/dialog/DialogSimpleInstance.vue')['default']
+    EmptyStateConstruction: typeof import('./components/EmptyStateConstruction.vue')['default']
     EmptyStateNetworkError: typeof import('./components/EmptyStateNetworkError.vue')['default']
     FormattedMessage: typeof import('./components/FormattedMessage.ts')['default']
     HelloWorld: typeof import('./components/HelloWorld.vue')['default']

next-ui/src/components/EmptyStateConstruction.vue

@@ -0,0 +1,22 @@
+<template>
+  <v-empty-state
+    icon="i-mdi:construction"
+    color="warning"
+    :title="
+      $formatMessage({
+        description: 'Under construction empty state: title',
+        defaultMessage: 'Under construction',
+        id: 'b4J0RU',
+      })
+    "
+    :text="
+      $formatMessage({
+        description: 'Under construction empty state: text',
+        defaultMessage: 'This page is under construction.',
+        id: 'RR+XGR',
+      })
+    "
+  />
+</template>
+
+<script setup lang="ts"></script>

next-ui/src/pages/account/ui.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>UI</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>

next-ui/src/pages/media/analysis.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>Media Analysis</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>

next-ui/src/pages/media/duplicate-files.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>Duplicate Files</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>

next-ui/src/pages/media/missing-posters.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>Missing Posters</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>

next-ui/src/pages/server/metrics.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>Metrics</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>

next-ui/src/pages/server/ui.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1>UI</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>