Import the component
You can import it in your Vue SFC like this (please note that styles have to be imported separately):
import VueFooter from '@justeat/f-footer';
import '@justeat/f-footer/dist/f-footer.css';
export default {
components: {
VueFooter
}
}
If you are using Webpack, you can import the component dynamically to separate the footer bundle from the main bundle.client.js
:
import '@justeat/f-footer/dist/f-footer.css';
export default {
components: {
...
VueFooter: () => import(/* webpackChunkName: "vue-footer" */ '@justeat/f-footer')
}
}
- If there is a vue-i18n plugin in the project, footer component can be called without any props:
<vue-footer />
- Or you can pass locale as a property to specify the tenant:
<vue-footer locale="en-GB" />