Modify package structure

src/components/decoration7/index.js

@@ -0,0 +1,5 @@
+import Decoration7 from './src/main.vue'
+
+export default function (Vue) {
+  Vue.component(Decoration7.name, Decoration7)
+}

src/components/decoration7/src/main.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="dv-decoration-7">
+    <svg width="21px" height="20px">
+      <polyline
+        stroke-width="4"
+        fill="transparent"
+        stroke="#1dc1f5"
+        points="10, 0 19, 10 10, 20"
+      />
+      <polyline
+        stroke-width="2"
+        fill="transparent"
+        stroke="#1dc1f5"
+        points="2, 0 11, 10 2, 20"
+      />
+    </svg>
+    <slot></slot>
+    <svg width="21px" height="20px">
+      <polyline
+        stroke-width="4"
+        fill="transparent"
+        stroke="#1dc1f5"
+        points="11, 0 2, 10 11, 20"
+      />
+      <polyline
+        stroke-width="2"
+        fill="transparent"
+        stroke="#1dc1f5"
+        points="19, 0 10, 10 19, 20"
+      />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DvDecoration7'
+}
+</script>
+
+<style lang="less">
+.dv-decoration-7 {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+</style>