perf: Add inspection conditions on resize

Author: hoiheart

dev/App.vue

@@ -38,15 +38,15 @@
         :language="selected.language"
         :prev="prev"
         :current="current"
-        :input-delay="0"
-        :virtual-scroll="{ height: 500, lineMinHeight: 24, delay: 100 }"
+        :input-delay="selected.inputDelay"
+        :virtual-scroll="selected.virtualScroll"
       />
     </section>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref, watch } from 'vue'
+import { defineComponent, ref, watch } from 'vue'
 
 import template from './template'
 
@@ -112,13 +112,6 @@ export default defineComponent({
       immediate: true
     })
 
-    onMounted(() => {
-      const script = document.createElement('script')
-      script.async = true
-      script.defer = true
-      document.body.appendChild(script)
-    })
-
     return {
       modes,
       mode,

src/Diff.vue

@@ -28,12 +28,7 @@
 </template>
 
 <script lang="ts">
-import {
-  computed,
-  defineComponent,
-  ref,
-  toRaw
-} from 'vue'
+import { computed, defineComponent, ref, toRaw } from 'vue'
 import { useVirtualScroll, useRender } from './hooks'
 import Line from './Line.vue'
 
@@ -89,7 +84,7 @@ export default defineComponent({
     const { minHeight } = useVirtualScroll(props, viewer, scrollOptions, meta)
 
     const setLineHeight = (index: number, height: number) => {
-      if (meta.value[index]) {
+      if (meta.value[index] && meta.value[index].height !== height) {
         meta.value[index].height = height
       }
     }

src/Line.vue

@@ -103,13 +103,13 @@ export default defineComponent({
     }
 
     const rendered = () => {
-      if (!line.value) return
+      if (!line.value || props.meta.height === line.value.offsetHeight) return
       emit('setLineHeight', props.meta.index, line.value.offsetHeight)
     }
 
     if (props.scrollOptions) {
       useResizeObserver(line, useThrottleFn(() => {
-        if (!line.value) return
+        if (!line.value || props.meta.height === line.value.offsetHeight) return
         emit('setLineHeight', props.meta.index, line.value.offsetHeight)
       }, props.scrollOptions.delay))
     }