From c0880191e6fbd543275be561a169e19b0c7e5f60 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 5 Dec 2018 20:52:51 +0000
Subject: [PATCH] Add DrupalBlock component

---
 src/components/DrupalBlock.vue |  5 +++++
 src/components/Welcome.vue     | 10 +++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 src/components/DrupalBlock.vue

diff --git a/src/components/DrupalBlock.vue b/src/components/DrupalBlock.vue
new file mode 100644
index 0000000..23cb614
--- /dev/null
+++ b/src/components/DrupalBlock.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="widget">
+        <slot></slot>
+    </div>
+</template>
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 295d9d5..a85ca0a 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -39,7 +39,7 @@
           </div>
 
           <div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6">
-            <div class="widget">
+            <drupal-block>
               <h2 class="font-serif font-normal text-base text-grey-darkest border-b border-solid border-grey-light mb-3">Search</h2>
 
               <div>
@@ -51,7 +51,7 @@
                   </button>
                 </form>
               </div>
-            </div>
+            </drupal-block>
           </div>
         </div>
       </div>
@@ -79,10 +79,14 @@
 </template>
 
 <script>
+import DrupalBlock from './DrupalBlock.vue'
 import MainMenu from './MainMenu.vue';
 
 export default {
-  components: { MainMenu },
+  components: {
+      DrupalBlock,
+      MainMenu,
+  },
 
   props: {
     title: {