vue-strap Vue 2.0 - ( for vue 2 check wffranco/vue-strap )

Has any progress been made on getting this ready for Vue 2.0?

Jun 22 '16 20:06 dansullivan86

I tried to run the vue-strap homepage with Vue 2.0. It's not a lot of errors in the console there but it still does not work. This definitely needs more attention (use branch next of vue) because every important library like vuex, vue router is already step by step updated and we need a reliable UI library which works with vue's 2.0 VirtualDOM.

Aug 02 '16 16:08 therealmarv

No luck here either. I was able to suppress the errors about templates by using the standalone build (which is not the default in Vue 2.0) by setting this in my webpack.base.js:

resolve: {
    alias: {vue: 'vue/dist/vue.js'}
},

https://github.com/vuejs/vue/wiki/Vue-2.0-RC-Starter-Resources

Then I can import like so:

import { popover } from 'vue-strap/dist/vue-strap.min.js'

But things don't render correctly or throw errors.

I'd love a nice type ahead widget in Vue 2.0!!!

Thanks

Aug 25 '16 17:08 ubergarm

Nothing about vue 2.0 right now. @therealmarv watching the capture I think I can help you to solve it, but first try to update vue-strap to the last version and test again.

Aug 25 '16 18:08 wffranco

If you're moving to Vue 2.0, it might be worth moving to Bootstrap 4 while you're at it imo.

Sep 01 '16 11:09 niallobrien

I tested with vue 2.0.0-rc.4 and have not errors, so I don't know is you are working with a old version of vue-strap. I pull a new branch: https://github.com/wffranco/vue-strap/tree/vue2

@niallobrien I probably will do this too, want to change to bootstrap 4

Sep 04 '16 18:09 wffranco

I mean that I have no errors enabling vue 2.0, but obviously need to much to change. If you wanna help me you're welcome.

https://github.com/vuejs/vue/issues/2873

Greeting.

Sep 05 '16 03:09 wffranco

I've been poking around trying to get vue-strap to work with 2.0 with a few components. There some straightforward things like changing $els to $refs and v-el: to refs=. I'm running into a lot more trouble with the new <slot> behaviors, since slots can only be used once. This means that some template structures that are commonly used in vue-strap no longer work. E.g.

<label v-if="buttonStyle">
  <slot></slot>
</label>
<div v-else>
  <slot></slot>
</div>

Sep 05 '16 08:09 ropeladder

Really? That sounds like a bunch of problems in some components...

EDIT: I had not read all the features. I guess with templates or something else to do that kind of things.

Sep 05 '16 14:09 wffranco

Will it take a lot of work to get this ready for Vue 2.0 and Bootstrap 4?

Sep 07 '16 11:09 niallobrien

I think is an easier work to change to bootstrap 4. Change to vue 2 will need a lot of work, so maybe right now I will let the vue2 branch for later.

Sep 08 '16 00:09 wffranco

Note that the 'new slot behaviors' I mentioned above were actually a bug in 2.0rc ^4. With rc5 it looks like slots should work (without error messages) within v-if/v-else blocks: https://github.com/vuejs/vue/issues/3595

Sep 11 '16 13:09 ropeladder

So are we on track? Does anyone have a good fork we can all work on with the hope of getting it merged in?

Sep 14 '16 19:09 niallobrien

There is vue-migration-helper. So, it can help with migration to vue 2.0