{"action":"created","issue":{"url":"https://api.github.com/repos/monterail/vuelidate/issues/99","repository_url":"https://api.github.com/repos/monterail/vuelidate","labels_url":"https://api.github.com/repos/monterail/vuelidate/issues/99/labels{/name}","comments_url":"https://api.github.com/repos/monterail/vuelidate/issues/99/comments","events_url":"https://api.github.com/repos/monterail/vuelidate/issues/99/events","html_url":"https://github.com/monterail/vuelidate/issues/99","id":215001041,"number":99,"title":"$v is not defined in single file component","user":{"login":"shiningshisa","id":7881757,"avatar_url":"https://avatars0.githubusercontent.com/u/7881757?v=3","gravatar_id":"","url":"https://api.github.com/users/shiningshisa","html_url":"https://github.com/shiningshisa","followers_url":"https://api.github.com/users/shiningshisa/followers","following_url":"https://api.github.com/users/shiningshisa/following{/other_user}","gists_url":"https://api.github.com/users/shiningshisa/gists{/gist_id}","starred_url":"https://api.github.com/users/shiningshisa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shiningshisa/subscriptions","organizations_url":"https://api.github.com/users/shiningshisa/orgs","repos_url":"https://api.github.com/users/shiningshisa/repos","events_url":"https://api.github.com/users/shiningshisa/events{/privacy}","received_events_url":"https://api.github.com/users/shiningshisa/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2017-03-17T13:19:39Z","updated_at":"2017-03-20T11:23:23Z","closed_at":null,"body":"I'm trying to use the vuelidate plugin with my vue-router-enabled web app. I keep getting the  following error:\r\n\r\n`[Vue-warn]: Property or method \"$v\" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option`\r\n\r\nThis is my bootstrap file for reference:\r\n\r\n`import Vue from 'vue'\r\nimport Resource from 'vue-resource'\r\nimport App from \"./components/App.vue\"\r\nimport router from \"./router/appRouter.js\"\r\nimport store from \"./store/appStore.js\"\r\n\r\nVue.use(Resource);\r\nVue.use(Vuelidate);\r\n\r\nconst app = new Vue({\r\n  el: '#app',\r\n\trouter,\r\n\tstore,\r\n  render: (h) => h(App)\r\n})\r\n`\r\n\r\nI'm using the plugin with the following code in component file:\r\n\r\n```\r\n<template>\r\n<div>\r\n    <div :class=\"'input-group ' + {'form-group-error': $v.email.$error }\"> \r\n    <p class=\"label\"> Email </p>\r\n    <input type=\"text\" id=\"email\" v-model=\"models.email\" @input=\"$v.email.$touch\">\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n    const { required, minLength, alpha, email, numeric } = require(\"vuelidate/lib/validators\");\r\n    export default \r\n    {\r\n        data(){...},\r\n        methods:{...},\r\n        etc\r\n    }\r\n<script>\r\n```\r\n\r\nI can't figure out how to reference $v in my code to allow the vue instance to access it. Sorry in advance if I'm missing something blindingly obvious but I've stuck on this for a while\r\n\r\nThanks"},"comment":{"url":"https://api.github.com/repos/monterail/vuelidate/issues/comments/287733322","html_url":"https://github.com/monterail/vuelidate/issues/99#issuecomment-287733322","issue_url":"https://api.github.com/repos/monterail/vuelidate/issues/99","id":287733322,"user":{"login":"daewooLeeNy","id":12162890,"avatar_url":"https://avatars3.githubusercontent.com/u/12162890?v=3","gravatar_id":"","url":"https://api.github.com/users/daewooLeeNy","html_url":"https://github.com/daewooLeeNy","followers_url":"https://api.github.com/users/daewooLeeNy/followers","following_url":"https://api.github.com/users/daewooLeeNy/following{/other_user}","gists_url":"https://api.github.com/users/daewooLeeNy/gists{/gist_id}","starred_url":"https://api.github.com/users/daewooLeeNy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/daewooLeeNy/subscriptions","organizations_url":"https://api.github.com/users/daewooLeeNy/orgs","repos_url":"https://api.github.com/users/daewooLeeNy/repos","events_url":"https://api.github.com/users/daewooLeeNy/events{/privacy}","received_events_url":"https://api.github.com/users/daewooLeeNy/received_events","type":"User","site_admin":false},"created_at":"2017-03-20T11:23:23Z","updated_at":"2017-03-20T11:23:23Z","body":"in my case, need to property 'validations'\r\nconst app = new Vue({\r\nel: '#app',\r\nrouter,\r\nstore,\r\nrender: (h) => h(App),\r\nvalidations: {\r\n ... \r\n}\r\n})"}}
{"actor":{"display_login":"daewooLeeNy"}}