How to use the nativescript-vue.use function in nativescript-vue

import Vue from 'nativescript-vue';
import App from './components/App.vue';
import VueDevtools = require('nativescript-vue-devtools');

if (TNS_ENV !== 'production') {
  Vue.use(VueDevtools);
}
// Prints Vue logs when --env.production is *NOT* set while building
Vue.config.silent = (TNS_ENV === 'production');


new Vue({
  render: h => h('frame', [h(App)])
}).$start();

import Vue from 'nativescript-vue'
import Vuex from 'vuex'
import mutations from './mutations'
import * as getters from './getters'
import { actions } from './actions'
import { State } from './state'
// import firebase from 'nativescript-plugin-firebase'

Vue.use(Vuex)

const debug = process.env.NODE_ENV !== 'production'

const store = new Vuex.Store({
  state: new State(),
  mutations,
  getters,
  actions,
  strict: debug
})

Vue.prototype.$store = store

export default store

import Vue from "nativescript-vue";
import * as application from 'tns-core-modules/application';
import Login from "./components/Login";

import {
    init,
} from 'nativescript-facebook';

import FacebookPlugin from "nativescript-facebook/vue";
Vue.use(FacebookPlugin);

Vue.config.silent = true;

application.on(application.launchEvent, function (args) {
    init("1771472059772879");
});

new Vue({
    render: h => h('frame', [h(Login)])
}).$start();

import SliderPlugin from 'nativescript-material-slider/vue';
import TextFieldPlugin from 'nativescript-material-textfield/vue';
import { isIOS } from '@nativescript/core/platform';
import { install as installBottomSheet } from 'nativescript-material-bottomsheet';
import BottomSheetPlugin from 'nativescript-material-bottomsheet/vue';
import BottomNavigationBarlugin from 'nativescript-material-bottomnavigationbar/vue';

installBottomSheet();

Vue.use(ActivityIndicatorPlugin);
Vue.use(ButtonPlugin);
Vue.use(CardViewPlugin);
Vue.use(FloatingActionButtonPlugin);
Vue.use(ProgressPlugin);
Vue.use(RipplePlugin);
Vue.use(SliderPlugin);
Vue.use(TextFieldPlugin);
Vue.use(BottomSheetPlugin);
Vue.use(BottomNavigationBarlugin);

Vue.registerElement('PreviousNextView', () => require('nativescript-iqkeyboardmanager').PreviousNextView);
Vue.registerElement('TextViewWithHint', () => require('nativescript-iqkeyboardmanager').TextViewWithHint);

import { installMixins, themer } from 'nativescript-material-core';
import { install } from 'nativescript-material-bottomsheet';

install();
installMixins();
if (isIOS) {
    themer.setPrimaryColor('#bff937');
    themer.setPrimaryColorVariant('#33B5E5');
    themer.setAccentColor('#ff8a39');

import { isIOS } from '@nativescript/core/platform';
import { install as installBottomSheet } from 'nativescript-material-bottomsheet';
import BottomSheetPlugin from 'nativescript-material-bottomsheet/vue';
import BottomNavigationBarlugin from 'nativescript-material-bottomnavigationbar/vue';

installBottomSheet();

Vue.use(ActivityIndicatorPlugin);
Vue.use(ButtonPlugin);
Vue.use(CardViewPlugin);
Vue.use(FloatingActionButtonPlugin);
Vue.use(ProgressPlugin);
Vue.use(RipplePlugin);
Vue.use(SliderPlugin);
Vue.use(TextFieldPlugin);
Vue.use(BottomSheetPlugin);
Vue.use(BottomNavigationBarlugin);

Vue.registerElement('PreviousNextView', () => require('nativescript-iqkeyboardmanager').PreviousNextView);
Vue.registerElement('TextViewWithHint', () => require('nativescript-iqkeyboardmanager').TextViewWithHint);

import { installMixins, themer } from 'nativescript-material-core';
import { install } from 'nativescript-material-bottomsheet';

install();
installMixins();
if (isIOS) {
    themer.setPrimaryColor('#bff937');
    themer.setPrimaryColorVariant('#33B5E5');
    themer.setAccentColor('#ff8a39');
    themer.setSecondaryColor('#a830d7');
}

template: `
  
      
          <button>
      
  
`,
  methods: {
    login() {
      applicationSettings.setBoolean('isLoggedIn', true)
      this.$router.replace('/home')
    }
  }
}

Vue.use(VueRouter)

const router = new VueRouter({
  mode: Vue.mode,
  routes: [
    { path: '/', component: LoginSCN__LoadingPage },
    { path: '/home', component: LoginSCN__HomePage },
    { path: '/login', component: LoginSCN__LoginPage }
  ]
})

router.push('/')

new Vue({
  router,
  template: `
                 </button>

import ActivityIndicatorPlugin from 'nativescript-material-activityindicator/vue';
import ButtonPlugin from 'nativescript-material-button/vue';
import CardViewPlugin from 'nativescript-material-cardview/vue';
import FloatingActionButtonPlugin from 'nativescript-material-floatingactionbutton/vue';
import ProgressPlugin from 'nativescript-material-progress/vue';
import RipplePlugin from 'nativescript-material-ripple/vue';
import SliderPlugin from 'nativescript-material-slider/vue';
import TextFieldPlugin from 'nativescript-material-textfield/vue';
import { isIOS } from '@nativescript/core/platform';
import { install as installBottomSheet } from 'nativescript-material-bottomsheet';
import BottomSheetPlugin from 'nativescript-material-bottomsheet/vue';
import BottomNavigationBarlugin from 'nativescript-material-bottomnavigationbar/vue';

installBottomSheet();

Vue.use(ActivityIndicatorPlugin);
Vue.use(ButtonPlugin);
Vue.use(CardViewPlugin);
Vue.use(FloatingActionButtonPlugin);
Vue.use(ProgressPlugin);
Vue.use(RipplePlugin);
Vue.use(SliderPlugin);
Vue.use(TextFieldPlugin);
Vue.use(BottomSheetPlugin);
Vue.use(BottomNavigationBarlugin);

Vue.registerElement('PreviousNextView', () => require('nativescript-iqkeyboardmanager').PreviousNextView);
Vue.registerElement('TextViewWithHint', () => require('nativescript-iqkeyboardmanager').TextViewWithHint);

import { installMixins, themer } from 'nativescript-material-core';
import { install } from 'nativescript-material-bottomsheet';

import Vue from 'nativescript-vue';
import Router from 'vue-router';

import Home from '@/components/Home'
import Login from '@/components/Login'
import Assignments from '@/components/Assignments'
import Assignment from '@/components/Assignment'

import storeConf from '@/store/store.js'


Vue.use(Router);

let router = new Router({
    pageRouting: true,
    routes: [
        {
          path: '/login',
          component: Login,
          meta: { hiddenActionBar: true }
        },
        {
          path: '/home',
          component: Home,
          meta: { requiresAuth: true }
        },
        {
          path: '/assignments/:id',

import ProgressPlugin from 'nativescript-material-progress/vue';
import RipplePlugin from 'nativescript-material-ripple/vue';
import SliderPlugin from 'nativescript-material-slider/vue';
import TextFieldPlugin from 'nativescript-material-textfield/vue';
import { isIOS } from '@nativescript/core/platform';
import { install as installBottomSheet } from 'nativescript-material-bottomsheet';
import BottomSheetPlugin from 'nativescript-material-bottomsheet/vue';
import BottomNavigationBarlugin from 'nativescript-material-bottomnavigationbar/vue';

installBottomSheet();

Vue.use(ActivityIndicatorPlugin);
Vue.use(ButtonPlugin);
Vue.use(CardViewPlugin);
Vue.use(FloatingActionButtonPlugin);
Vue.use(ProgressPlugin);
Vue.use(RipplePlugin);
Vue.use(SliderPlugin);
Vue.use(TextFieldPlugin);
Vue.use(BottomSheetPlugin);
Vue.use(BottomNavigationBarlugin);

Vue.registerElement('PreviousNextView', () => require('nativescript-iqkeyboardmanager').PreviousNextView);
Vue.registerElement('TextViewWithHint', () => require('nativescript-iqkeyboardmanager').TextViewWithHint);

import { installMixins, themer } from 'nativescript-material-core';
import { install } from 'nativescript-material-bottomsheet';

install();
installMixins();
if (isIOS) {
    themer.setPrimaryColor('#bff937');

import Vue from 'nativescript-vue';
import Vuex from 'vuex';

import counter from './modules/counter';

Vue.use(Vuex);

const debug = process.env.NODE_ENV !== 'production';

const store = new Vuex.Store({
  modules: {
    counter,
  },
  strict: debug,
});

Vue.prototype.$store = store;

module.exports = store;