Added configurable disclaimer.

assets/components/container/container.vue

@@ -20,6 +20,11 @@
 			@show-filters="(state) => toggleFilters(state)"
 		/>
 
+		<p
+			v-if="config.showDisclaimer"
+			class="disclaimer"
+		>{{ config.disclaimer }}</p>
+
 		<div
 			ref="content"
 			class="content"
@@ -172,4 +177,14 @@ export default {
     margin: 0 auto;
     box-sizing: border-box;
 }
+
+.disclaimer {
+	padding: 1rem;
+	margin: 0;
+	color: var(--text-light);
+	background: var(--warn);
+	font-weight: bold;
+	box-shadow: inset 0 0 3px var(--darken-weak);
+	text-align: center;
+}
 </style>

assets/js/config/default.js

@@ -2,6 +2,8 @@ export default {
 	api: {
 		url: `${window.location.origin}/api`,
 	},
+	showDisclaimer: false,
+	disclaimer: 'This site is in early development, and content may occasionally disappear. Please stay tuned, you will be able to use traxxx to its full potential in the near future!',
 	selectableTags: [
 		'airtight',
 		'anal',

assets/js/main.js

@@ -1,8 +1,8 @@
+import config from 'config';
 import { createApp } from 'vue';
 import dayjs from 'dayjs';
 import mitt from 'mitt';
 
-
 import router from './router';
 import initStore from './store';
 import initUiObservers from './ui/observers';
@@ -46,6 +46,7 @@ async function init() {
 		data() {
 			return {
 				events,
+				config,
 			};
 		},
 		watch: {