profile
viewpoint
Alexander gavrashenko SocailTech Ukraine, Kiev

gavrashenko/30-seconds-of-interviews 0

A curated collection of common interview questions to help you prepare for your next interview.

gavrashenko/collabarating-editing 0

collaborate editing

gavrashenko/form-sdk 0

Signedpay2 form style development platform

gavrashenko/loadjs 0

A tiny async loader / dependency manager for modern browsers (899 bytes)

gavrashenko/monorepo 0

Example monorepo for the lerna & yarn workspaces article 🐈

gavrashenko/typescript-book 0

:books: The definitive guide to TypeScript and possibly the best TypeScript book :book:. Free and Open Source 🌹

PR opened PeachScript/vue-infinite-loading

replace v-show to v-if in order to be able to use it with all Vue com…

Using v-show directive for hiding slots can cause some issues, for example, if you have a modal content for loader provided by vue-portal it can't be hidden just with display: none ( v-show ). In such cases it's important to use v-if directive.

This code won't work if I'll use vue-portal because portals can't be hidden via v-show and as the result - we will see modal all the time on a screen.

           <InfiniteLoading
              @infinite="infinite"
              spinner="spiral"
              :is-initial-load="isInitialLoad"
              direction="top"
            >
              <template v-slot:spinner>
                <VuePortalModalLoader></VuePortalModalLoader>
              </template>
          </InfiniteLoading>

This issue can be fixed replacing all v-show's which are using to hide slot content to v-if directives.

+4 -4

0 comment

1 changed file

pr created time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha 6d662d07005341ba8a1ee9b5d65c6dbc4e631b13

replace v-show to v-if in order to be able to use it with all Vue components ( e.g. vue-portal )

view details

push time in 2 months

push eventgavrashenko/vue-infinite-loading

Alexander

commit sha 4baed2bb078f076d3bff48c783ed324236630ed6

feat: add isFirstLoad access for spinner slot (#288)

view details

push time in 2 months

push eventgavrashenko/vue-infinite-loading

push time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha 13a068451d7a92c82b25dfe3a5c4a8104be71403

replace v-show to v-if in order to be able to use it with all Vue components ( e.g. vue-portal )

view details

push time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha 64cfa0c2a459ef915e4a736f5c3ddfe93573a052

replace v-show to v-if

view details

push time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha e5c2d8bd8854024d40f210fba03f246fe927d584

add isInitialLoad prop

view details

push time in 2 months

create barnchgavrashenko/vue-infinite-loading

branch : dev

created branch time in 2 months

push eventgavrashenko/vue-infinite-loading

push time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha a26ee23275654f9c58723324f42f5377571f835d

add { isFirstLoad } access for #spinner slot

view details

push time in 2 months

PR opened PeachScript/vue-infinite-loading

add { isFirstLoad } access for #spinner slot

https://github.com/PeachScript/vue-infinite-loading/issues/287

+1 -1

0 comment

1 changed file

pr created time in 2 months

push eventgavrashenko/vue-infinite-loading

havrashenko

commit sha 3f7557fffe4782534d820ac4e86030ada5278bf8

add { isFirstLoad } access for #spinner slot

view details

push time in 2 months

issue openedPeachScript/vue-infinite-loading

Access to isFirstLoad inside v-slot:spinner via scoped-slot

It would nice to have access to isFirstLoad variable inside <template v-slot:spinner>... via scoped-slot. Because sometimes it's normal to show skeleton loader or any other loader as initial loader ( just for the first loading ), and change it to other loader after it, for example:

     <InfiniteLoading
        @infinite="infinite"
        spinner="spiral"
      >
        <template v-slot:spinner="{ isFirstLoading }">
          <ChatSkeletonLoader v-if="isFirstLoading"></ChatSkeletonLoader>
          <span v-else>Loading more messages...</span>
        </template>
      </InfiniteLoading>

created time in 2 months

issue openedPeachScript/vue-infinite-loading

A conflict in infinity-scroll and vuejs documentations.

There is a conflict in infinity-scroll and vuejs documentations. It's said that I can hide default styles using v-slot on any elements but template ( https://github.com/PeachScript/vue-infinite-loading/blob/master/docs/guide/configure-load-msg.md#about-hide--default-styles ), but in vuejs docs we can find that it's impossible to add v-slot anywhere except template ( https://vuejs.org/v2/guide/components-slots.html#Named-Slots ). So, currently I don't know how to disable default slot styles, because all my tries to add v-slot to div/span/etc.. according to documentation will raise errors like:

Errors compiling template:

  v-slot can only be used on components or <template>.

Version

v2.4.5

Vue.js version

v2.6.11

created time in 2 months

issue commentnolimits4web/swiper

Swiper v6 claims "sideEffects: false" but actually HAS side effects

require('swiper/swiper-bundle.css'); inside webpack project can be used as temporary solution.

xumepadismal

comment created time in 2 months

startedjerrybendy/vue-touch-events

started time in 2 months

issue commentPeachScript/vue-infinite-loading

Skeleton Loader

Hello, you can use <template v-slot:spinner> here your skeleton markup </template> ( https://github.com/PeachScript/vue-infinite-loading/blob/master/docs/guide/configure-load-msg.md#via-v-slot-directive ). And just hide it after first loading in order to return default spinner for all next loadings.

Gyurmatag

comment created time in 2 months

startedcoreui/coreui-vue

started time in 3 months

startedJohMun/vue-tags-input

started time in 3 months

more