update: README.md

Author: F-one-1

README.md

@@ -15,9 +15,11 @@ Import the npm package and only one prop to show highlightCode
     <img alt="Quality" src="https://npm.packagequality.com/shield/vue-highlight-code.svg">
   </a>
 </p>
+
 ```
 yarn add highlight.js vue-highlight-code
 ```
+
 ## live demo
 
 [stackblitz](https://stackblitz.com/edit/github-flf8ku?file=README.md)

src/components/CopyCode.vue

@@ -10,7 +10,7 @@ const props = defineProps({
     type: String,
     default: 'console.log(',
     required: true,
-  }
+  },
 })
 const copy = (event) => {
   getContent()
@@ -20,22 +20,25 @@ const copy = (event) => {
 const textarea = ref(null)
 const getContent = () => {
   let textArea = textarea.value
-  console.log(textArea,'textArea')
+  console.log(textArea, 'textArea')
   if (document.execCommand('copy') == true) {
+    console.log('document.execCommandtrue')
     // older browser support
     let range, selection
     textArea.focus()
     textArea.select()
     range = document.createRange()
     range.selectNodeContents(textArea)
+    console.log(range, 'range')
     selection = window.getSelection()
     selection.removeAllRanges()
     selection.addRange(range)
     textArea.setSelectionRange(0, textArea.value.length)
     document.execCommand('copy')
   } else {
     // modern browser support (using the clipboard API)
-    navigator.clipboard.writeText(textArea.value)
+    console.log('navigator.clipboard.writeText(textArea.value)')
+    navigator.clipboard.writeText(props.codeValue)
   }
 }
 </script>
@@ -44,7 +47,12 @@ const getContent = () => {
   <!-- <input type="text" /> -->
   <div class="cb" tabindex="0" @focusout="resetMessage" @click="copy">
     <!-- <div class="cb_tooltip">{{ Tips }}</div> -->
-    <textarea ref="textarea" :value="props.codeValue" tabindex="1" readonly></textarea>
+    <textarea
+      ref="textarea"
+      :value="props.codeValue"
+      tabindex="1"
+      readonly
+    ></textarea>
     <div class="cb_copy">{{ text }}</div>
     <!-- <div v-show='copyjudge' class="cb_copy">copied</div> -->
   </div>