VueStrap - Bootstrap components built with pure Vue.js.

Awesome stuff! I think this is really helpful for a lot of artisan here ;)

Great job. Like Cartman would say: "Kewl" :)

Thanks a lot, man!

Wow great !

Very nice indeed. GOOD JOB!

Awesome!

Good job

Awesome! Thank you @yuche !!!

@yuche please, add component support for uploading single or multiple files.

Awesome! Thanks for sharing it :) @yuche would be great if you add some kind of a range slider

@yuche I'm using gulp and pulling in due-strap through npm, yet v-select isn't rendering.

<v-select multiple name="permissions" id="permissions-select">
        @foreach ( $permissions as $id => $name )
            <v-option value="{{ $id }}">{{ $name }}</v-option>
        @endforeach
    </v-select>

VueStrap is compiled using npm and gulp and included within my master page. The code below is below the <script> tag as it should be.

<script>
    var select = VueStrap.select
</script>

Thank you all, guys.

@sunny Bootstrap currently don't have a file upload components. I will do some research about it.

@ably Yeah, there will be a range slider component.

@mstnorris Did you get any errors in browser console?

@yuche I didn't get any errors when I used the code shown above, it just didn't render properly and instead displayed an inline list.

When I used the Common JS code you provided I got a "reference error can't find variable require".

Nice Work !!!

Awesome! Will definitely give this a try tomorrow, thanks for sharing!

@mstnorris In order to use Select component, You should import two components. For example, In CommonJS way:

var select = require('vue-strap/src/Select.vue');
var option = require('vue-strap/src/Option.vue');

new Vue({
    components: {
        'v-select': select,
        'v-option': option
    }
})

I just wanted to try the code you pasted above (coz I had some problems with Aside):

Saving To...
   - public/js/app.js

[00:22:45] gulp-notify: [Laravel Elixir] Browserify Failed!: Unexpected token

(...)/node_modules/vue-strap/src/Select.vue:1
<template>
^
ParseError: Unexpected token

```

when I try this with aside:

var aside = require('vue-strap/src/Aside.vue');

I have an error like this (I think it's related with this from above)

Browserify Failed!: Parsing file (...)/node_modules/vue-strap/src/Aside.vue: Unexpected token (1:0)

Awesome.. Thanks for Sharing..

@yuche can you check it?

@ably I'am adding Browserify support for VueStrap, Just wait for a little bit longer. ：）

@yuche Coooool, great work. ( ^o^)b

And bower support please.

Does not work for me either the global browser way. Things aren't rendered with no errors in the console.

@ARCANEDEV Bower installation is available now. Just install with bower install vue-strap.

@mstnorris @Sepix Here is a jsfiddle example to use select components.

Thanks @yuche!

Thanks @yuche ! Now it works. You might want to add that example to your docs for people like me who never used Vue before! Great Job btw!

Just now trying this out. Having trouble getting a lot of the examples to work.

For example, what am I doing wrong here?

http://jsfiddle.net/4wwyvgsq/

@yuche Nice, thanks again.

@JeffreyWay missing data. see this. http://jsfiddle.net/4wwyvgsq/1/

@yuche , can you explain how to use Modals? with your example in http://yuche.github.io/vue-strap/#modal I cant make it pop .

var modal = VueStrap.modal
new Vue({
    el:'#ordertbl',
    components: {
      'modal':modal
    },

<button class="btn btn-default btn-lg"  v-on="click:showModal = true"  >Show modal </button>
                <modal title="Modal" show="{{@showModal}}" effect="fade" width="400">
                ....
                </modal>