@justeat/f-footer

f-footer

Global Footer Component for Vue.js.

---

---

1. Add the module to your project

   yarn add @justeat/f-footer
   

2. 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" />

3. Browser Support

   This component extends @justeat/browserslist-config-fozzie.

4. Building the Module

   Run yarn build.

5. Running locally

   Run yarn demo in /packages/f-footer to render testing wrapper component

6. Running the Tests

   Run yarn test.

7. Running Lint check

   Run yarn lint.

Changelog

v4.0.0

September 15, 2021

Changed

• fozzie version to make normalize styles optional. This will remove normalize styles from the components by default.
• JETSansDigital font instead of JustEatBasis for the components and storybook.