diff --git a/demo/CustomLayout.vue b/demo/CustomLayout.vue
index bbc9d69..8634ecb 100644
--- a/demo/CustomLayout.vue
+++ b/demo/CustomLayout.vue
@@ -1,4 +1,4 @@
-<template functional>
+<template>
   <div class="preview-code">
     <div>
       <slot name="editor"></slot>
diff --git a/rollup.config.js b/rollup.config.js
index 9079962..4cfce0f 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -36,6 +36,7 @@ const rootConfig = {
     "prismjs/components/prism-javascript",
     "prismjs/components/prism-jsx",
     "@vue/compiler-core/dist/compiler-core.cjs",
+    "vue"
   ],
 };
 
diff --git a/src/Editor.vue b/src/Editor.vue
index 91734bf..44da6d4 100644
--- a/src/Editor.vue
+++ b/src/Editor.vue
@@ -61,6 +61,7 @@ const highlight = (lang, jsxInExamples) => {
 
 export default {
   name: "VueLiveEditor",
+  inheritAttrs: false,
   components: { PrismEditor },
   props: {
     code: {
diff --git a/src/VueLive.vue b/src/VueLive.vue
index f9009c2..ef29fc0 100644
--- a/src/VueLive.vue
+++ b/src/VueLive.vue
@@ -20,11 +20,11 @@
       />
     </template>
     <template v-slot:preview>
-      <!-- 
+      <!--
         * Emitted every time the component rendered throws an error
         * Catches runtime and compilation errors
         * @event error
-        * @property { Error } - the error thrown 
+        * @property { Error } - the error thrown
       -->
       <Preview
         :key="codeKey"
@@ -41,6 +41,7 @@
   </component>
 </template>
 <script>
+import { markRaw } from "vue";
 import hash from "hash-sum";
 
 import Preview from "./Preview.vue";
@@ -145,7 +146,7 @@ export default {
       model: this.code,
       lang: "vue",
       prismLang: "html",
-      VueLiveDefaultLayout,
+      VueLiveDefaultLayout: markRaw(VueLiveDefaultLayout),
       /**
        * this data only gets changed when changing language.
        * it allows for copy and pasting without having the code
diff --git a/src/VueLiveDefaultLayout.vue b/src/VueLiveDefaultLayout.vue
index 9a71b4e..f95e887 100644
--- a/src/VueLiveDefaultLayout.vue
+++ b/src/VueLiveDefaultLayout.vue
@@ -1,4 +1,4 @@
-<template functional>
+<template>
   <div class="VueLive-container">
     <div class="VueLive-editor">
       <slot name="editor" />