I want to use the vue component for the DaData hint service plugin. Created a component as indicated in the Readme .

VueSuggestions.vue

 <template> <div> <VueSuggestions :model.sync="city" :coordinates.sync="coordinates" :placeholder="'Начните вводить'" :class="form-control" :options="suggestionOptions"> </VueSuggestions> </div> </template> export default { data() { return { city: '', coordinates: { latitude: '', longitude: '' }, suggestionOptions: { token: 'b4390c81d1a08f730d018daf7d62ca6b08376ec2', type: "ADDRESS", scrollOnFocus: false, triggerSelectOnBlur: false, triggerSelectOnEnter: false, addon: 'none', onSelect (suggestion) { } }, } }, components: { VueSuggestions } }

As a result, I get:

 Property or method "form" is not defined on the instance but referenced during render

What could be the error?

    1 answer 1

    In the line : class = "form-control" remove the colon at the beginning