Merge pull request #180 from TobeTek/master

fix: correct spelling of 'highlight' in props and documentation

Author: TaTo30

docs/guide/props.md

@@ -116,9 +116,9 @@ Default: `null`
 Highlight on the page the searched text or the searched array of text.
 
 ```vue
-<VuePDF :pdf="pdf" text-layer hightlight-text="javascript" />
+<VuePDF :pdf="pdf" text-layer highlight-text="javascript" />
 
-<VuePDF :pdf="pdf" text-layer :hightlight-text="['javascript', 'trace-based']" />
+<VuePDF :pdf="pdf" text-layer :highlight-text="['javascript', 'trace-based']" />
 ```
 
 ## highlight-options  <badge type="tip" text="v1.9" vertical="middle" />
@@ -136,7 +136,7 @@ Default:
 Settings for how to find the [highlight-text](#highlight-text) on page's text.
 
 ```vue
-<VuePDF :pdf="pdf" text-layer hightlight-text="javascript" :highlight-options="{
+<VuePDF :pdf="pdf" text-layer highlight-text="javascript" :highlight-options="{
     completeWords: true,
     ignoreCase: false
   }"

docs/index.md

@@ -29,7 +29,7 @@ features:
     details: Set a scale, width, height or fit the PDF page with parent width
   - icon: 🔆
     title: Highlight Text
-    details: Search and hightlight text
+    details: Search and highlight text
   - icon: ©️
     title: Watermark
     details: Watermark your pages to protect your content

packages/vue-pdf/src/components/layers/TextLayer.vue

@@ -15,7 +15,7 @@ const props = defineProps<{
   viewport?: PageViewport;
   highlightText?: string | string[];
   highlightOptions?: HighlightOptions;
-  hightlightPages?: number[];
+  highlightPages?: number[];
 }>();
 
 const emit = defineEmits<{
@@ -48,7 +48,7 @@ async function findAndHighlight(reset = false) {
 
   if (
     props.highlightText &&
-    (!props.hightlightPages || props.hightlightPages.includes(page!.pageNumber))
+    (!props.highlightPages || props.highlightPages.includes(page!.pageNumber))
   ) {
     const queries =
       typeof props.highlightText === "string"