{"action":"published","release":{"url":"https://api.github.com/repos/vue-styleguidist/vue-styleguidist/releases/10652808","assets_url":"https://api.github.com/repos/vue-styleguidist/vue-styleguidist/releases/10652808/assets","upload_url":"https://uploads.github.com/repos/vue-styleguidist/vue-styleguidist/releases/10652808/assets{?name,label}","html_url":"https://github.com/vue-styleguidist/vue-styleguidist/releases/tag/v1.7.4","id":10652808,"tag_name":"v1.7.4","target_commitish":"master","name":"v1.7.4","draft":false,"author":{"login":"rafaesc","id":10201025,"avatar_url":"https://avatars3.githubusercontent.com/u/10201025?v=4","gravatar_id":"","url":"https://api.github.com/users/rafaesc","html_url":"https://github.com/rafaesc","followers_url":"https://api.github.com/users/rafaesc/followers","following_url":"https://api.github.com/users/rafaesc/following{/other_user}","gists_url":"https://api.github.com/users/rafaesc/gists{/gist_id}","starred_url":"https://api.github.com/users/rafaesc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafaesc/subscriptions","organizations_url":"https://api.github.com/users/rafaesc/orgs","repos_url":"https://api.github.com/users/rafaesc/repos","events_url":"https://api.github.com/users/rafaesc/events{/privacy}","received_events_url":"https://api.github.com/users/rafaesc/received_events","type":"User","site_admin":false},"prerelease":false,"created_at":"2018-04-20T22:51:09Z","published_at":"2018-04-20T23:08:01Z","assets":[],"tarball_url":"https://api.github.com/repos/vue-styleguidist/vue-styleguidist/tarball/v1.7.4","zipball_url":"https://api.github.com/repos/vue-styleguidist/vue-styleguidist/zipball/v1.7.4","body":"# Extends support\r\nIf you import [extends](https://vuejs.org/v2/api/#extends), for it to be documented you need to add in the header the mixin tag **@mixin**, for example\r\n\r\n```vue\r\n// src/extends/Base.vue\r\n\r\n<template>\r\n  <div>\r\n    <h4>{{ color }}</h4>\r\n    <!--the appropriate input should go here-->\r\n  </div>\r\n</template>\r\n<script>\r\n/**\r\n * @mixin\r\n */\r\nexport default {\r\n  props: {\r\n    /**\r\n    * The color for the button example\r\n    */\r\n    colorExtends: {\r\n      type: String,\r\n      default: '#333'\r\n    },\r\n  },\r\n}\r\n</script>\r\n```\r\n\r\n```html\r\n// src/components/Button/Button.vue\r\n<template>\r\n<!-- -->\r\n</template>\r\n<script>\r\n\r\nimport colorMixin from '../../mixins/colorMixin';\r\nimport Base from '../../extends/Base';\r\nexport default {\r\n  name: 'buttonComponent',\r\n  mixins: [colorMixin],\r\n  extends: Base,\r\n  props: {\r\n    /**\r\n    * The size of the button\r\n    * `small, normal, large`\r\n    */\r\n    size: {\r\n      default: 'normal'\r\n    },\r\n    /**\r\n    * Add custom click actions.\r\n    **/\r\n    onCustomClick: {\r\n      default: () => () => null,\r\n    },\r\n  },\r\n  /* ... */\r\n}\r\n</script>\r\n```\r\n\r\n* **Fixed**: #116 "}}
{"actor":{"display_login":"rafaesc"}}