Added sponsor sample logos

assets/css/_image.scss

@@ -10,6 +10,15 @@
   &.post-image {
     height: 200px;
     width: 200px;
+    object-fit: fill;
     border-radius: 50%;
   }
 }
+.round{
+  img{
+    width: 50px;
+    width: 50px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+}

components/RImage.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="round">
+    <img :src="imgSrc()" :alt="alt" />
+  </div>
+</template>
+
+<script lang="js">
+export default {
+  props: {
+    src: {
+      type: String,
+      required: true,
+    },
+    alt: {
+      type: String,
+      required: true,
+    },
+  },
+  methods: {
+    imgSrc() {
+      try {
+        const { post } = this.$parent;
+         // eslint-disable-next-line no-console
+
+        return require(`@/static/${this.src}`);
+      } catch (error) {
+        return null;
+      }
+    },
+
+  },
+
+};
+</script>
+

content/en/sponsors.md

@@ -14,8 +14,8 @@ createdAt: '2021-03-30'
 | :---        | :----:      |       :----:      |   :----:          |   :----:      |   :----:          |   :----:           |
 |             |             |                   |                   |               |                   |                    |
 |  <hr>       |    <hr>     |    <hr>           |   <hr>            |        <hr>   |         <hr>      |            <hr>    |
-|    Sponsor1        |     Logo        | <icon icon="check"></icon>  |                   |               |       |    | 
+|    Sponsor 1        |    <rimg src="sponsor.jpg"></rimg>        | <v-icon large>mdi-check</v-icon>  |                   |               |       |    | 
 |  <hr>       |    <hr>     |    <hr>           |   <hr>            |        <hr>   |         <hr>      |            <hr>    |
-|    Sponsor2        |     Logo        | |                   |               |  <icon icon="check"></icon>       |    | 
+|    Sponsor 2        |     <rimg src="sponsor-icon.jpg"></rimg>       | |                   |               | <v-icon large>mdi-check</v-icon>      |    | 
 
 </div>

mixins/mixins.js

@@ -8,6 +8,7 @@ import BlogPage from "@/components/blog-page.vue";
 import AuthorPage from "@/components/Author.vue"
 import PrevNext from "@/components/PrevNext"
 import AppIcon from "@/components/AppIcon.vue";
+import RoundImage from "@/components/RImage"
 Vue.mixin({
   components:{
     "c-image":VImg,
@@ -17,7 +18,8 @@ Vue.mixin({
     "blog-page":BlogPage,
     "v-author": AuthorPage,
     "prev-next":PrevNext,
-    "icon":AppIcon
+    "icon":AppIcon,
+    "rimg":RoundImage
   },
   data: function () {
     return {     }