Merge pull request #1 from vuejs/master

update docs

Author: Aaron

src/.vuepress/components/MigrationBadges.vue

@@ -16,7 +16,7 @@ export default {
       }
     }
   },
-  data(){
+  data() {
     return {
       validBadges
     }

src/.vuepress/components/common/codepen-snippet.vue

@@ -0,0 +1,104 @@
+<template>
+  <p
+    class="codepen"
+    :data-theme-id="theme"
+    :data-preview="preview || null"
+    :data-editable="editable || null"
+    :data-height="height"
+    :data-default-tab="tab"
+    :data-user="user"
+    :data-slug-hash="slug"
+    :data-pen-title="title"
+    :data-embed-version="version"
+    :style="`height: ${height}px`">
+    <span>See the Pen <a :href="href">{{ title }}</a>
+    by {{ name || user }} (<a :href="`https://codepen.io/${user}`">@{{user}}</a>)
+    on <a href="https://codepen.io">CodePen</a>.</span>
+  </p>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: null,
+      required: true,
+    },
+
+    slug: {
+      type: String,
+      default: null,
+      required: true,
+    },
+
+    tab: {
+      type: String,
+      default: 'result',
+    },
+
+    team: {
+      type: Boolean,
+      default: true,
+    },
+
+    user: {
+      type: String,
+      default: 'Vue',
+    },
+
+    name: {
+      type: String,
+      default: null,
+    },
+
+    height: {
+      type: Number,
+      default: 300,
+    },
+
+    theme: {
+      type: String,
+      default: '39028',
+    },
+
+    preview: {
+      type: Boolean,
+      default: true,
+    },
+
+    editable: {
+      type: Boolean,
+      default: true,
+    },
+
+    version: {
+      type: String,
+      default: null,
+    }
+  },
+  mounted() {
+    const codepenScript = document.createElement('script')
+    codepenScript.setAttribute('src', 'https://static.codepen.io/assets/embed/ei.js')
+    codepenScript.async = true
+    this.$el.appendChild(codepenScript)
+  },
+  computed: {
+    href() {
+      return `https://codepen.io/${this.team ? 'team' : ''}${this.user}/pen/${this.slug}`
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+.codepen {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid;
+  margin: 1em 0;
+  padding: 1em;
+}
+</style>

src/.vuepress/components/community/team/members.js

@@ -109,14 +109,14 @@ const members = [
       languages: ['hi', 'en'],
       work: {
         role: 'Software Engineer',
-        org: 'Myntra',
-        orgUrl: 'https://www.myntra.com/'
+        org: 'Grammarly',
+        orgUrl: 'https://grammarly.com/'
       },
       github: 'znck',
       twitter: 'znck0',
-      reposOfficial: ['rollup-plugin-vue', 'vue-issue-helper'],
-      reposPersonal: ['keynote', 'bootstrap-for-vue', 'vue-interop'],
-      links: ['https://znck.me', 'https://www.codementor.io/znck']
+      reposOfficial: ['rollup-plugin-vue', 'vue-next'],
+      reposPersonal: ['vue-developer-experience', 'prop-types', 'grammarly'],
+      links: ['https://znck.me']
     },
     {
       name: 'Linusborg',
@@ -299,6 +299,16 @@ const members = [
       twitter: 'KiaKing85',
       reposOfficial: ['vuex'],
       reposPersonal: ['vuex-orm/*']
+    },
+    {
+      name: 'Anthony Fu',
+      city: 'Taipei, Taiwan',
+      languages: ['zh', 'en'],
+      github: 'antfu',
+      twitter: 'antfu7',
+      reposOfficial: ['composition-api'],
+      reposPersonal: ['vueuse', 'vue-demi', 'vue-reactivity/*'],
+      links: ['https://antfu.me/']
     }
   ])
 )