diff --git a/README.md b/README.md index d7e8e1c..0867ff2 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,25 @@ Manage page meta info in Vue 2.0 server-rendered components. Supports streaming. > **Please note** that this project is still in very early alpha development and is *not* considered to be production ready. > **You have been warned.** There is no sanitization yet, no tests, and you might even find some features are still missing. +```html + + + +``` + # Description `vue-meta` is a [Vue 2.0](https://vuejs.org) plugin that allows you to manage your app's meta information, much like [`react-helmet`](https://github.com/nfl/react-helmet) does for React. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the `metaInfo` property. @@ -232,3 +251,81 @@ In any of your components, define a `metaInfo` property: } ``` + +# FAQ + +Here are some answers to some frequently asked questions. + +## How do I use component data in `metaInfo`? +Specify a function instead of a property. + +**BlogPost.vue:** +```html + + + +``` + +## How do I use component props in `metaInfo`? +The same way you use data. + +**BlogPostWrapper.vue** +```html + + + +``` + +**BlogPost.vue** +```html + + + +```