Unknown Custom Element - mdbvue

[Vue warn]: Unknown custom element: <Container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <ProfileFirst> at src/components/ProfileFirst.vue <App> at src/App.vue <Root>

npm install --save mdbvue

import Vue from 'vue'

import Firebase from 'firebase'
import VueFire from 'vuefire'
import 'bootstrap/dist/css/bootstrap.css'
import 'mdbvue/build/css/mdb.css'
import { Container, Row, Column, Btn, Card, CardBody, CardHeader, CardImg } from 'mdbvue';

import App from './App'
import router from './router'

Vue.config.productionTip = false

Vue.use(VueFire)

let app;

Firebase.auth().onAuthStateChanged(function(user){
if(!app){
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
}
})

<template lang="html">
<div class="profileFirst">
<Container>
</Container>
</div>
</template>

<script>

import Firebase from 'firebase'
import {db} from '../firebase'

import { Container, Row, Column, Btn, Card, CardBody, CardHeader, CardImg } from 'mdbvue';

export default {
name: 'profileFirst',
data: function(){
return{
}
},
created: function(){
this.user = Firebase.auth().currentUser;
},
methods: {
}
}
</script>

<style lang="css">
</style>