[hub][vue] DetailView and Profile page

erpnext/public/js/hub/components/DetailView.vue

@@ -0,0 +1,54 @@
+<template>
+	<div class="hub-item-container">
+		<div class="row visible-xs">
+			<div class="col-xs-12 margin-bottom">
+				<button class="btn btn-xs btn-default" data-route="marketplace/home">{{ back_to_home_text }}</button>
+			</div>
+		</div>
+		<div class="row margin-bottom">
+			<div class="col-md-3">
+				<div class="hub-item-image">
+					<img :src="image">
+				</div>
+			</div>
+			<div class="col-md-6">
+				<h2>{{ title }}</h2>
+				<div class="text-muted">
+					<p v-for="subtitle in subtitles"
+						:key="subtitle"
+						v-html="subtitle"
+					>
+					</p>
+				</div>
+
+			</div>
+		</div>
+		<div v-for="section in sections" class="row hub-item-description"
+			:key="section.title"
+		>
+			<h6 class="col-md-12 margin-top">
+				<b class="text-muted">{{ section.title }}</b>
+			</h6>
+			<p class="col-md-12" v-html="section.content">
+			</p>
+		</div>
+
+	</div>
+</template>
+
+<script>
+
+export default {
+	name: 'detail-view',
+	props: ['title', 'subtitles', 'image', 'sections'],
+	data() {
+		return {
+			back_to_home_text: __('Back to Home')
+		}
+	},
+	computed: {}
+}
+</script>
+
+<style lang="less" scoped>
+</style>