Update icons-table.vue

tmorehouse · web-flow · commit 5917c6d593b6 · 2019-12-15T03:21:20.000-04:00
diff --git a/docs/components/icons-table.vue b/docs/components/icons-table.vue
@@ -28,7 +28,7 @@
         class="row-cols-3 row-cols-sm-4 row-cols-lg-6 list-unstyled mb-n3 position-relative"
       >
         <b-col
-          v-for="icon in filteredIcons.slice(0, curentPageSize)"
+          v-for="icon in filteredIcons.slice(0, currentPageSize)"
           :key="`_icon_${icon.name}`"
           tag="li"
           class="flip-icon-list-icon d-inline-flex flex-column mb-3 text-center"
@@ -144,7 +144,7 @@ export default {
     return {
       iconFilter: '',
       totalIcons: icons.length,
-      curentPageSize: INITIAL_SIZE,
+      currentPageSize: INITIAL_SIZE,
       noIntersectionObserver: false
     }
   },
@@ -163,19 +163,19 @@ export default {
   watch: {
     iconFilter(newVal, oldVal) {
       // Reset the page size to the initial value
-      this.curentPageSize = INITIAL_SIZE
+      this.currentPageSize = INITIAL_SIZE
     }
   },
   methods: {
     onInfinite(visible) {
       if (visible === null) {
         // Intersection observer not supported
-        this.curentPageSize = this.totalIcons
+        this.currentPageSize = this.totalIcons
         this.noIntersectionObserver = true
         return
       }
       if (visible) {
-        this.curentPageSize = Math.min(this.curentPageSize + INFINITE_INCREMENT, this.totalIcons)
+        this.currentPageSize = Math.min(this.currentPageSize + INFINITE_INCREMENT, this.totalIcons)
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@`
`28`	`28`	`class="row-cols-3 row-cols-sm-4 row-cols-lg-6 list-unstyled mb-n3 position-relative"`
`29`	`29`	`>`
`30`	`30`	`<b-col`
`31`		`- v-for="icon in filteredIcons.slice(0, curentPageSize)"`
	`31`	`+ v-for="icon in filteredIcons.slice(0, currentPageSize)"`
`32`	`32`	:key="`_icon_${icon.name}`"
`33`	`33`	`tag="li"`
`34`	`34`	`class="flip-icon-list-icon d-inline-flex flex-column mb-3 text-center"`
`@@ -144,7 +144,7 @@ export default {`
`144`	`144`	`return {`
`145`	`145`	`iconFilter: '',`
`146`	`146`	`totalIcons: icons.length,`
`147`		`- curentPageSize: INITIAL_SIZE,`
	`147`	`+ currentPageSize: INITIAL_SIZE,`
`148`	`148`	`noIntersectionObserver: false`
`149`	`149`	`}`
`150`	`150`	`},`
`@@ -163,19 +163,19 @@ export default {`
`163`	`163`	`watch: {`
`164`	`164`	`iconFilter(newVal, oldVal) {`
`165`	`165`	`// Reset the page size to the initial value`
`166`		`- this.curentPageSize = INITIAL_SIZE`
	`166`	`+ this.currentPageSize = INITIAL_SIZE`
`167`	`167`	`}`
`168`	`168`	`},`
`169`	`169`	`methods: {`
`170`	`170`	`onInfinite(visible) {`
`171`	`171`	`if (visible === null) {`
`172`	`172`	`// Intersection observer not supported`
`173`		`- this.curentPageSize = this.totalIcons`
	`173`	`+ this.currentPageSize = this.totalIcons`
`174`	`174`	`this.noIntersectionObserver = true`
`175`	`175`	`return`
`176`	`176`	`}`
`177`	`177`	`if (visible) {`
`178`		`- this.curentPageSize = Math.min(this.curentPageSize + INFINITE_INCREMENT, this.totalIcons)`
	`178`	`+ this.currentPageSize = Math.min(this.currentPageSize + INFINITE_INCREMENT, this.totalIcons)`
`179`	`179`	`}`
`180`	`180`	`}`
`181`	`181`	`}`