Unknown custom element: radio || checkbox || Many Others

[Artistan]

// VueStrap
let bsAccordion = require('vue-strap').bsAccordion;
let affix = require('vue-strap').affix;
let bsAlert = require('vue-strap').bsAlert;
let bsAside = require('vue-strap').bsAside;
let buttonGroup = require('vue-strap').buttonGroup;
let carousel = require('vue-strap').carousel;
let bsCheckbox = require('vue-strap').bsCheckbox;
let datepicker = require('vue-strap').datepicker;
let bsDropdown = require('vue-strap').bsDropdown;
let formGroup = require('vue-strap').formGroup;
let formValidator = require('vue-strap').formValidator;
let bsInput = require('vue-strap').bsInput;
let modal = require('vue-strap').modal;
let navbar = require('vue-strap').navbar;
let bsOption = require('vue-strap').bsOption;
let panel = require('vue-strap').panel;
let popover = require('vue-strap').popover;
let progressbar = require('vue-strap').progressbar;
let bsRadio = require('vue-strap').bsRadio;
let bsSelect = require('vue-strap').bsSelect;
let slider = require('vue-strap').slider;
let spinner = require('vue-strap').spinner;
let bsTab = require('vue-strap').bsTab;
let tabGroup = require('vue-strap').tabGroup;
let bsTabs = require('vue-strap').bsTabs;
let toggleButton = require('vue-strap').toggleButton;
let bsTooltip = require('vue-strap').bsTooltip;
let typeahead = require('vue-strap').typeahead;

export default {
    components: {
        bsAccordion,
        affix,
        bsAlert,
        bsAside,
        buttonGroup,
        carousel,
        bsCheckbox,
        datepicker,
        bsDropdown,
        formGroup,
        formValidator,
        bsInput,
        modal,
        navbar,
        bsOption,
        panel,
        popover,
        progressbar,
        bsRadio,
        bsSelect,
        slider,
        spinner,
        bsTab,
        tabGroup,
        bsTabs,
        toggleButton,
        bsTooltip,
        typeahead
    }
}

import vuestrap from './mixins/vue-strap';

const app = new Vue({
    el: '#app',
    mixins: [vuestrap],
    data: function() {
        return {
            value: '',
            checked: ''
        }
    }
});

[Artistan]

button-group is found, but not radio???

        <button-group v-model="radioValue" type="info" :buttons="false">
            <p>this will be marked as ... for reservations</p>
            <radio selected-value="in_use">BOOKED</radio>
            <radio selected-value="avail">AVAIL</radio>
        </button-group>

[Artistan]

buttonGroup is working , not checkbox, not radio...

[Artistan]

Works as expected when I import the vue components themselves. I also prefixed all components with bs- in my gist so there is no warnings about similar named elements.

https://gist.github.com/Artistan/accd8a38103760de203788ee695aae73

I would still like to know why it would not work the other way.