0.1.1 • Published 5 years ago
@symfony-javascript/vue-adapter v0.1.1
Vue Adapter
This adapter allows handy usage of the Router and Translator packages in Vue.
Installation
$ npm install @symfony-javascript/vue-adapter @symfony-javascript/router @symfony-javascript/translator
$ yarn add @symfony-javascript/vue-adapter @symfony-javascript/router @symfony-javascript/translator
Usage
// main.js
import Vue from 'vue';
import { VueRouter, VueTranslator } from ' @symfony-javascript/vue-adapter';
import routes from './routes.json';
import messages from './messages.json';
// Register them
Vue.use(VueRouter, { data: routes });
Vue.use(VueTranslator, { data: messages });
<!-- Component.vue >> template -->
<a href="{{ $path('user_view', { id: user.id }) }}">{{ $_('navigation.user.show_profile', { '$user', user.display_name }) }}</a>
// Component.vue >> javascript
export default {
props: {
user: Object
},
mounted() {
console.log(this.$_('console.greetings'));
}
}