nuxt setup, tailwind

docs/components/CodePen.vue

@@ -0,0 +1,28 @@
+<template>
+  <p :data-height="height"
+     data-theme-id="32252"
+     :data-slug-hash="url"
+     data-default-tab="result"
+     data-user="sagalbot"
+     class="codepen">
+  </p>
+</template>
+
+<script>
+import mountCodePen from '../utils/codePen.js';
+
+export default {
+  props: {
+    url: {
+      type: String,
+      required: true,
+    },
+    height: {
+      default: 250
+    }
+  },
+  mounted () {
+    mountCodePen();
+  },
+};
+</script>