transform code preset

Author: LucasLeandro1204

docs/presets/README.md

@@ -16,13 +16,14 @@ pageClass: extra-spacing
 
 <Showcase type="VclInstagram" />
 
-<!--
 ## Code
 
 `VclCode`
 
 <Showcase type="VclCode" />
 
+<!--
+
 ## List
 
 `VclList`

src/components/presets/Code.js

@@ -0,0 +1,23 @@
+import VueContentLoading from '../VueContentLoading';
+
+export default {
+  components: {
+    VueContentLoading,
+  },
+
+  render: (h, {
+    data,
+  } = {}) => (
+    <VueContentLoading {...data} width={300} height={80}>
+      <rect x="0" y="0" rx="3" ry="3" width="70" height="10" />
+      <rect x="80" y="0" rx="3" ry="3" width="100" height="10" />
+      <rect x="190" y="0" rx="3" ry="3" width="10" height="10" />
+      <rect x="15" y="20" rx="3" ry="3" width="130" height="10" />
+      <rect x="155" y="20" rx="3" ry="3" width="130" height="10" />
+      <rect x="15" y="40" rx="3" ry="3" width="90" height="10" />
+      <rect x="115" y="40" rx="3" ry="3" width="60" height="10" />
+      <rect x="185" y="40" rx="3" ry="3" width="60" height="10" />
+      <rect x="0" y="60" rx="3" ry="3" width="30" height="10" />
+    </VueContentLoading>
+  ),
+};

src/components/presets/Code.vue

@@ -1,6 +1,6 @@
 import VueContentLoading from './components/VueContentLoading';
 
-// import VclCode from './components/presets/Code.vue';
+import VclCode from './components/presets/Code';
 // import VclList from './components/presets/List.vue';
 // import VclTable from './components/presets/Table.vue';
 // import VclTwitch from './components/presets/Twitch.vue';
@@ -11,7 +11,7 @@ import VclInstagram from './components/presets/Instagram';
 export default VueContentLoading;
 
 export {
-  // VclCode,
+  VclCode,
   // VclList,
   // VclTable,
   // VclTwitch,