f-vue-icons@0.9.0 - Add social and payment provider icons (#14)

* f-vue-icons@0.9.0 - Add social and payment provider icons

* f-vue-icons@0.9.0 - Remove unnecessary mixin

package.json

@@ -33,7 +33,7 @@
   "devDependencies": {
     "@babel/cli": "7.5.0",
     "@babel/preset-env": "7.5.0",
-    "@justeat/browserslist-config-fozzie": "1.1.0",
+    "@justeat/browserslist-config-fozzie": "1.1.1",
     "@justeat/eslint-config-fozzie": "3.1.1",
     "@justeat/f-build-config": "^0.3.0",
     "@vue/cli-plugin-babel": "3.9.0",

packages/f-vue-icons/CHANGELOG.md

@@ -4,6 +4,15 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 
+v0.9.0
+------------------------------
+*July 10, 2019*
+
+### Added
+- Social icons
+- Payment/card icons
+
+
 v0.8.0
 ------------------------------
 *June 21, 2019*

packages/f-vue-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeat/f-vue-icons",
-  "version": "0.6.0",
+  "version": "0.9.0",
   "main": "dist/f-vue-icons.umd.min.js",
   "files": [
     "dist"

packages/f-vue-icons/src/components/AmexIcon/AmexIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <amex-icon />
+</template>
+
+<script>
+import AmexIcon from '@justeat/f-icons/src/img/icons/cards/amex.svg';
+
+export default {
+    components: {
+        AmexIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/AmexIcon/index.js

@@ -0,0 +1,7 @@
+import AmexIcon from './AmexIcon.vue';
+
+const install = Vue => {
+    Vue.component(AmexIcon.name, AmexIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/AmexSafekeyIcon/AmexSafekeyIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <amex-safekey-icon />
+</template>
+
+<script>
+import AmexSafekeyIcon from '@justeat/f-icons/src/img/icons/cards/amex--safekey.svg';
+
+export default {
+    components: {
+        AmexSafekeyIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/AmexSafekeyIcon/index.js

@@ -0,0 +1,7 @@
+import AmexSafekeyIcon from './AmexSafekeyIcon.vue';
+
+const install = Vue => {
+    Vue.component(AmexSafekeyIcon.name, AmexSafekeyIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/DankortIcon/DankortIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <dankort-icon />
+</template>
+
+<script>
+import DankortIcon from '@justeat/f-icons/src/img/icons/cards/dk.svg';
+
+export default {
+    components: {
+        DankortIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/DankortIcon/index.js

@@ -0,0 +1,7 @@
+import DankortIcon from './DankortIcon.vue';
+
+const install = Vue => {
+    Vue.component(DankortIcon.name, DankortIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/FacebookIcon/FacebookIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <facebook-icon />
+</template>
+
+<script>
+import FacebookIcon from '@justeat/f-icons/src/img/icons/social/icon-facebook.svg';
+
+export default {
+    components: {
+        FacebookIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/FacebookIcon/index.js

@@ -0,0 +1,7 @@
+import FacebookIcon from './FacebookIcon.vue';
+
+const install = Vue => {
+    Vue.component(FacebookIcon.name, FacebookIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/InstagramIcon/InstagramIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <instagram-icon />
+</template>
+
+<script>
+import InstagramIcon from '@justeat/f-icons/src/img/icons/social/icon-instagram.svg';
+
+export default {
+    components: {
+        InstagramIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/InstagramIcon/index.js

@@ -0,0 +1,7 @@
+import InstagramIcon from './InstagramIcon.vue';
+
+const install = Vue => {
+    Vue.component(InstagramIcon.name, InstagramIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/InteracIcon/InteracIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <interac-icon />
+</template>
+
+<script>
+import InteracIcon from '@justeat/f-icons/src/img/icons/cards/interac.svg';
+
+export default {
+    components: {
+        InteracIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/InteracIcon/index.js

@@ -0,0 +1,7 @@
+import InteracIcon from './InteracIcon.vue';
+
+const install = Vue => {
+    Vue.component(InteracIcon.name, InteracIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/MaestroIcon/MaestroIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <maestro-icon />
+</template>
+
+<script>
+import MaestroIcon from '@justeat/f-icons/src/img/icons/cards/maestro.svg';
+
+export default {
+    components: {
+        MaestroIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/MaestroIcon/index.js

@@ -0,0 +1,7 @@
+import MaestroIcon from './MaestroIcon.vue';
+
+const install = Vue => {
+    Vue.component(MaestroIcon.name, MaestroIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/MastercardIcon/MastercardIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <mastercard-icon />
+</template>
+
+<script>
+import MastercardIcon from '@justeat/f-icons/src/img/icons/cards/mastercard.svg';
+
+export default {
+    components: {
+        MastercardIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/MastercardIcon/index.js

@@ -0,0 +1,7 @@
+import MastercardIcon from './MastercardIcon.vue';
+
+const install = Vue => {
+    Vue.component(MastercardIcon.name, MastercardIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/MastercardSecurecodeIcon/MastercardSecurecodeIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <mastercard-securecode-icon />
+</template>
+
+<script>
+import MastercardSecurecodeIcon from '@justeat/f-icons/src/img/icons/cards/mastercard--securecode.svg';
+
+export default {
+    components: {
+        MastercardSecurecodeIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/MastercardSecurecodeIcon/index.js

@@ -0,0 +1,7 @@
+import MastercardSecurecodeIcon from './MastercardSecurecodeIcon.vue';
+
+const install = Vue => {
+    Vue.component(MastercardSecurecodeIcon.name, MastercardSecurecodeIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/PayPalIcon/PayPalIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <paypal-icon />
+</template>
+
+<script>
+import PaypalIcon from '@justeat/f-icons/src/img/icons/cards/paypal.svg';
+
+export default {
+    components: {
+        PaypalIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/PayPalIcon/index.js

@@ -0,0 +1,7 @@
+import PayPalIcon from './PayPalIcon.vue';
+
+const install = Vue => {
+    Vue.component(PayPalIcon.name, PayPalIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/PinterestIcon/PinterestIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <pinterest-icon />
+</template>
+
+<script>
+import PinterestIcon from '@justeat/f-icons/src/img/icons/social/icon-pinterest.svg';
+
+export default {
+    components: {
+        PinterestIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/PinterestIcon/index.js

@@ -0,0 +1,7 @@
+import PinterestIcon from './PinterestIcon.vue';
+
+const install = Vue => {
+    Vue.component(PinterestIcon.name, PinterestIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/RssIcon/RssIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <rss-icon />
+</template>
+
+<script>
+import RssIcon from '@justeat/f-icons/src/img/icons/social/icon-rss.svg';
+
+export default {
+    components: {
+        RssIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/RssIcon/index.js

@@ -0,0 +1,7 @@
+import RssIcon from './RssIcon.vue';
+
+const install = Vue => {
+    Vue.component(RssIcon.name, RssIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/TwitterIcon/TwitterIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <twitter-icon />
+</template>
+
+<script>
+import TwitterIcon from '@justeat/f-icons/src/img/icons/social/icon-twitter.svg';
+
+export default {
+    components: {
+        TwitterIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/TwitterIcon/index.js

@@ -0,0 +1,7 @@
+import TwitterIcon from './TwitterIcon.vue';
+
+const install = Vue => {
+    Vue.component(TwitterIcon.name, TwitterIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/VisaIcon/VisaIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <visa-icon />
+</template>
+
+<script>
+import VisaIcon from '@justeat/f-icons/src/img/icons/cards/visa.svg';
+
+export default {
+    components: {
+        VisaIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/VisaIcon/index.js

@@ -0,0 +1,7 @@
+import VisaIcon from './VisaIcon.vue';
+
+const install = Vue => {
+    Vue.component(VisaIcon.name, VisaIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/VisaVerifiedIcon/VisaVerifiedIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <visa-verified-icon />
+</template>
+
+<script>
+import VisaVerifiedIcon from '@justeat/f-icons/src/img/icons/cards/visa--verified.svg';
+
+export default {
+    components: {
+        VisaVerifiedIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/VisaVerifiedIcon/index.js

@@ -0,0 +1,7 @@
+import VisaVerifiedIcon from './VisaVerifiedIcon.vue';
+
+const install = Vue => {
+    Vue.component(VisaVerifiedIcon.name, VisaVerifiedIcon);
+};
+
+export default install;

packages/f-vue-icons/src/components/YouTubeIcon/YouTubeIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <youtube-icon />
+</template>
+
+<script>
+import YoutubeIcon from '@justeat/f-icons/src/img/icons/social/icon-youtube.svg';
+
+export default {
+    components: {
+        YoutubeIcon
+    }
+}
+</script>

packages/f-vue-icons/src/components/YouTubeIcon/index.js

@@ -0,0 +1,7 @@
+import YouTubeIcon from './YouTubeIcon.vue';
+
+const install = Vue => {
+    Vue.component(YouTubeIcon.name, YouTubeIcon);
+};
+
+export default install;