Release: v0.1.3

Author: F-one-1

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-highlight-code",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "MIT",
   "main": "./dist/vue3-highlight.umd.js",
   "module": "./dist/vue3-highlight.es.js",
@@ -43,4 +43,4 @@
     "vue",
     "highlight.js"
   ]
-}
+}

src/App.vue

@@ -23,8 +23,19 @@ const dark = 'dark'
 </script>
 <template>
   <div class="wrapper">
-    <HighCode class="code" :codeValue="value" :theme="dark" :lang="vue"></HighCode>
-    <HighCode class="code" :codeValue="value" :theme="light" :lang="vue"></HighCode>
+    <HighCode
+      :codeLines="true"
+      class="code"
+      :codeValue="value"
+      :theme="dark"
+      :lang="vue"
+    ></HighCode>
+    <HighCode
+      class="code"
+      :codeValue="value"
+      :theme="light"
+      :lang="vue"
+    ></HighCode>
   </div>
 </template>
 

src/components/HighCode.vue

@@ -124,7 +124,7 @@ nextTick(() => {
     <!-- <div class="code_area">
       <div>1</div>
     </div> -->
-    <div class="code_area_lines">
+    <div class="code_area_lines" v-if="codeLines">
       <div
         :class="{
           dark: props.theme === 'dark',