Merge pull request #12 from SchnapsterDog/develop

style: refactor overflowActive prop
SchnapsterDog · Jul 14, 2023 · f1a8259 · f1a8259
2 parents 3ee0573 + f82a76b
commit f1a8259
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-preloader",
   "description": "Vue-Preloader is a versatile and easy-to-use Vue.js component that allows you to add loading animations to your Vue.js or Nuxt.js projects. It is compatible with both Vue 2 and Vue 3.",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "private": false,
   "homepage": "https://vue-preloader.com/",
   "author": {

diff --git a/src/App.vue b/src/App.vue
@@ -7,7 +7,7 @@ const showAnimation = ref(true)
 
 <template>
   <div>
-    <vue-preloader @loading-is-over="showAnimation = false" transition-type="fade-up">
+    <vue-preloader @loading-is-over="showAnimation = false" :overflowActive="false" transition-type="fade-up">
       <template v-slot="{ color, percent }">
         <transition name="loading-animation" mode="in-out">
           <span v-if="showAnimation" :style="{ color }">{{ percent }} %</span>

diff --git a/src/components/VuePreloader.vue b/src/components/VuePreloader.vue
@@ -39,7 +39,7 @@ watchEffect(() => {
 });
 
 onBeforeMount(() => {
-  if (props.overflowActve) setOverflowHidden()
+  if (props.overflowActive) setOverflowHidden()
 });
 
 onMounted(() => {
@@ -61,7 +61,7 @@ function setOverflowHidden() {
 function transitionIsOver() {
   setTimeout(() => {
     emit('transition-is-over')
-    if (props.overflowActve) setOverflowAuto()
+    if (props.overflowActive) setOverflowAuto()
   }, props.transitionSpeed)
 }
 </script>

diff --git a/src/props/index.ts b/src/props/index.ts
@@ -13,7 +13,7 @@ const definedProps = {
     type: Number as PropType<number>,
     default: 15
   },
-  overflowActve: {
+  overflowActive: {
     type: Boolean,
     default: true
   },