chore: Rename CImage to CImg and CImageLazy to CImgLazy

Author: woothu

src/components/Carousel/CCarouselItem.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="itemClasses">
-    <CImage
+    <CImg
       v-if="image" 
       v-bind="computedImage"
       class="d-block w-100 h-100 img-fluid"
@@ -18,11 +18,11 @@
 </template>
 
 <script>
-import CImage from '../Image/CImage'
+import CImg from '../Image/CImg'
 export default {
   name: 'CCarouselItem',
   components: {
-    CImage
+    CImg
   },
   props: {
     image: [String, Object],

src/components/Image/CImage.vue renamed to src/components/Image/CImg.vue

@@ -18,7 +18,7 @@
 
 <script>
 export default {
-  name: 'CImage',
+  name: 'CImg',
   props: {
     src: String,
     alt: String,
@@ -54,7 +54,7 @@ export default {
   },
   computed: {
     isActive () {
-      //active prop is present in CImageLazy component, here always undefined
+      //active prop is present in CImgLazy component, here always undefined
       return this.active !== false
     },
     alignClass () {
@@ -69,7 +69,7 @@ export default {
     },
     imageClasses () {
       return [
-        //animationClass is rendered in CImageLazy
+        //animationClass is rendered in CImgLazy
         this.animationClasses,
         this.alignClass,
         {

src/components/Image/CImageLazy.vue renamed to src/components/Image/CImgLazy.vue

@@ -1,8 +1,8 @@
 <script>
-import CImage from './CImage'
+import CImg from './CImg'
 export default {
-  name: 'CImageLazy',
-  extends: CImage,
+  name: 'CImgLazy',
+  extends: CImg,
   props: {
     loadInitially: Boolean,
     loadOffset: {

src/components/Image/index.js

@@ -1,7 +1,7 @@
-import CImage from './CImage'
-import CImageLazy from './CImageLazy'
+import CImg from './CImg'
+import CImgLazy from './CImgLazy'
 
 export {
-  CImage,
-  CImageLazy
+  CImg,
+  CImgLazy
 }

src/components/Image/tests/CImage.spec.js

@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
-import Component from '../CImage'
+import Component from '../CImg'
 
-const ComponentName = 'CImage'
+const ComponentName = 'CImg'
 const defaultWrapper = mount(Component)
 const customWrapper = mount(Component, {
   propsData: {

src/components/Image/tests/CImageLazy.spec.js

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import Component from '../CImageLazy'
+import Component from '../CImgLazy'
 
 global.IntersectionObserver = class IntersectionObserver {
   constructor() {}
@@ -11,7 +11,7 @@ global.IntersectionObserver = class IntersectionObserver {
   }
 };
 
-const ComponentName = 'CImageLazy'
+const ComponentName = 'CImgLazy'
 const defaultWrapper = mount(Component)
 const customWrapper = mount(Component, {
   propsData: {

src/components/Image/tests/__snapshots__/CImage.spec.js.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CImage renders correctly 1`] = `
+exports[`CImg renders correctly 1`] = `
 <svg
   class=""
   style="background-color: transparent;"
 />
 `;
 
-exports[`CImage renders correctly 2`] = `
+exports[`CImg renders correctly 2`] = `
 <img
   alt="image"
   class="float-right img-fluid w-100 rounded-right d-block"

src/components/Image/tests/__snapshots__/CImageLazy.spec.js.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CImageLazy renders correctly 1`] = `
+exports[`CImgLazy renders correctly 1`] = `
 <svg
   class="opacity-0"
   style="background-color: transparent;"
 />
 `;
 
-exports[`CImageLazy renders correctly 2`] = `
+exports[`CImgLazy renders correctly 2`] = `
 <svg
   class="opacity-0 float-right img-fluid w-100 rounded-right d-block"
   height="200"

src/components/Media/CMedia.vue

@@ -2,7 +2,7 @@
   <div :class="mediaClasses">
     <div :class="asideClasses">
       <slot name="aside">
-        <CImage v-bind="computedAsideImageProps"/>
+        <CImg v-bind="computedAsideImageProps"/>
       </slot>
     </div>
     <div :class="mediaBodyClasses">
@@ -12,11 +12,11 @@
 </template>
 
 <script>
-import CImage from '../Image/CImage'
+import CImg from '../Image/CImg'
 export default {
   name: 'CMedia',
   components: {
-    CImage
+    CImg
   },
   props: {
     asidePositionClasses: [String, Array, Object],

src/components/index.d.ts

@@ -289,7 +289,7 @@ export declare class CHeader extends Vue {
   fixed: boolean
 }
 
-export declare class CImage extends Vue {
+export declare class CImg extends Vue {
   src: string
   alt: string
   width: [number, string]
@@ -303,7 +303,7 @@ export declare class CImage extends Vue {
   blankColor: string
 }
 
-export declare class CImageLazy extends CImage {
+export declare class CImgLazy extends CImg {
   loadInitially: boolean
   loadOffset: number
   noFade: boolean