1 files changed, 43 insertions, 0 deletions
diff --git a/packages/client/src/pages/featured.vue b/packages/client/src/pages/featured.vue
new file mode 100644
index 0000000000..f5edf25594
--- /dev/null
+++ b/packages/client/src/pages/featured.vue
@@ -0,0 +1,43 @@
+<template>
+<MkSpacer :content-max="800">
+	<XNotes ref="notes" :pagination="pagination" @before="before" @after="after"/>
+</MkSpacer>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import Progress from '@/scripts/loading';
+import XNotes from '@/components/notes.vue';
+import * as symbols from '@/symbols';
+
+export default defineComponent({
+	components: {
+		XNotes
+	},
+
+	data() {
+		return {
+			[symbols.PAGE_INFO]: {
+				title: this.$ts.featured,
+				icon: 'fas fa-fire-alt',
+				bg: 'var(--bg)',
+			},
+			pagination: {
+				endpoint: 'notes/featured',
+				limit: 10,
+				offsetMode: true,
+			},
+		};
+	},
+
+	methods: {
+		before() {
+			Progress.start();
+		},
+
+		after() {
+			Progress.done();
+		}
+	}
+});
+</script>