feat: add CEmbed component.

Author: woothu

src/components/Embed/CEmbed.js

@@ -0,0 +1,33 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+export const props = {
+  type: {
+    type: String,
+    default: 'iframe',
+    validator: type => ['iframe', 'embed', 'video', 'object', 'img'].indexOf(type) !== -1
+  },
+  aspect: {
+    type: String,
+    default: '16by9',
+    validator: aspect => ['21by9', '16by9', '4by3', '1by1'].indexOf(aspect) !== -1
+  },
+  tag: {
+    type: String,
+    default: 'div'
+  }
+}
+export default {
+  functional: true,
+  props,
+  render (h, { props, data, children }) {
+    return h(
+      props.tag,
+      {
+        ref: data.ref,
+        staticClass: 'embed-responsive',
+        class:`embed-responsive-${props.aspect}`
+      },
+      [h(props.type, mergeData(data, { ref: '', staticClass: 'embed-responsive-item' }), children)]
+    )
+  }
+}

src/components/Embed/index.js

@@ -0,0 +1,5 @@
+import CEmbed from './CEmbed'
+
+export {
+  CEmbed
+}