@symfony-javascript/vue-adapter

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'));
    }
}