Add featured page

src/client/app/mobile/views/pages/featured.vue

@@ -0,0 +1,49 @@
+<template>
+<mk-ui>
+	<span slot="header"><span style="margin-right:4px;"><fa :icon="faNewspaper"/></span>{{ $t('@.featured-notes') }}</span>
+
+	<main>
+		<sequential-entrance animation="entranceFromTop" delay="25">
+			<template v-for="note in notes">
+				<mk-note-detail class="post" :note="note" :key="note.id"/>
+			</template>
+		</sequential-entrance>
+	</main>
+</mk-ui>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import i18n from '../../../i18n';
+import Progress from '../../../common/scripts/loading';
+import { faNewspaper } from '@fortawesome/free-solid-svg-icons';
+
+export default Vue.extend({
+	i18n: i18n(''),
+	data() {
+		return {
+			fetching: true,
+			notes: [],
+			faNewspaper
+		};
+	},
+	created() {
+		this.fetch();
+	},
+	methods: {
+		fetch() {
+			Progress.start();
+			this.fetching = true;
+
+			this.$root.api('notes/featured', {
+				limit: 10
+			}).then(notes => {
+				this.notes = notes;
+				this.fetching = false;
+
+				Progress.done();
+			});
+		},
+	}
+});
+</script>