feat: profile components

client/components/profile/comments.vue

@@ -0,0 +1,20 @@
+<template lang='pug'>
+  v-container(fluid, fill-height, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .headline.primary--text Comments
+        .subheading.grey--text List of comments I posted
+</template>
+
+<script>
+
+export default {
+  data() {
+    return { }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>

client/components/profile/pages.vue

@@ -0,0 +1,21 @@
+<template lang='pug'>
+  v-container(fluid, fill-height, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .headline.primary--text Pages
+        .subheading.grey--text List of pages I created or contributed
+
+</template>
+
+<script>
+
+export default {
+  data() {
+    return { }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>

client/components/profile/preferences.vue

@@ -0,0 +1,36 @@
+<template lang='pug'>
+  v-container(fluid, fill-height, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .headline.primary--text Preferences
+        .subheading.grey--text Site settings
+        v-form.pt-3
+          v-layout(row wrap)
+            v-flex(lg6 xs12)
+              v-form
+                v-card
+                  v-toolbar(color='primary', dark, dense, flat)
+                    v-toolbar-title
+                      .subheading Display
+                  v-subheader Locale
+            v-flex(lg6 xs12)
+              v-card
+                v-toolbar(color='primary', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading ---
+                v-card-text ---
+
+</template>
+
+<script>
+
+export default {
+  data() {
+    return { }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>

client/components/profile/profile.vue

@@ -0,0 +1,53 @@
+<template lang='pug'>
+  v-container(fluid, fill-height, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .headline.primary--text Profile
+        .subheading.grey--text Personal profile
+        v-form.pt-3
+          v-layout(row wrap)
+            v-flex(lg6 xs12)
+              v-form
+                v-card
+                  v-toolbar(color='primary', dark, dense, flat)
+                    v-toolbar-title
+                      .subheading User Details
+                  v-card-text
+                    v-text-field(label='Name', :counter='255', v-model='name', prepend-icon='person')
+                    v-divider
+                    v-text-field(label='Email', :counter='255', prepend-icon='email')
+                  v-divider.my-0
+                  v-card-actions.grey.lighten-4
+                    v-spacer
+                    v-btn(color='primary')
+                      v-icon(left) chevron_right
+                      span Save
+            v-flex(lg6 xs12)
+              v-card
+                v-toolbar(color='primary', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading Picture
+                v-card-text ---
+              v-card.mt-3
+                v-toolbar(color='teal', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading Activity
+                v-card-text.grey--text.text--darken-2
+                  .body-1 Joined #[strong January 1st, 2010]
+                  .body-1 Last login on #[strong January 2nd, 2010]
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      name: 'John Doe'
+    }
+  }
+}
+</script>
+
+<style lang='scss'>
+
+</style>