diff --git a/demo/App.vue b/demo/App.vue
index 921b290..5a1a167 100644
--- a/demo/App.vue
+++ b/demo/App.vue
@@ -4,8 +4,8 @@
     <a
       href="https://github.com/vue-styleguidist/vue-live/tree/master/demo"
     >Check out the source for this demo</a>
-    <h2>With imported components</h2>
-    <VueLive :code="codeTemplate" :layout="CustomLayout" :components="registeredComponents" />
+    <h2>With imported components and the code-editor lineNumers</h2>
+    <VueLive :editorProps="{lineNumbers: true}" :code="codeTemplate" :layout="CustomLayout" :components="registeredComponents" />
     <h2>Display Single File Components</h2>
     <VueLive :code="codeSfc" :layout="CustomLayout" />
     <h2>Pure JavaScript code</h2>
diff --git a/src/VueLive.vue b/src/VueLive.vue
index 662a9b1..9c4a137 100644
--- a/src/VueLive.vue
+++ b/src/VueLive.vue
@@ -9,7 +9,7 @@
     :components="components"
   >
     <template v-slot:editor>
-      <PrismEditor v-model="stableCode" @change="updatePreview" :language="prismLang" />
+      <PrismEditor v-model="stableCode"  @change="updatePreview" :language="prismLang" v-bind="editorProps" />
     </template>
     <template v-slot:preview>
       <Preview
@@ -100,6 +100,15 @@ export default {
     layoutProps: {
       type: Object,
       default: undefined
+    },
+    /**
+     * they can change the vue-prism-editor props
+     * there props will use to the vue-prism-editor example { lineNumbers }
+     * more https://github.com/koca/vue-prism-editor
+     */
+    editorProps: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {