import Vue from "nativescript-vue"
import App from "./components/App"

Vue.registerElement(
  "CheckBox",
  () => require("@nstudio/nativescript-checkbox").CheckBox,
  {
    model: {
      prop: "checked",
      event: "checkedChange",
    },
  }
)
// import VueDevtools from 'nativescript-vue-devtools'

// import { TNSFontIcon, fonticon } from 'nativescript-fonticon'

// TNSFontIcon.debug = true
// TNSFontIcon.paths = {
// 	// bx: './assets/boxicons.css',
// 	fa: './assets/fontawesome.css',
// }
// TNSFontIcon.loadCss()

// Vue.filter('fonticon', fonticon)

if (TNS_ENV !== "production") {
  // Vue.use(VueDevtools)
}
import store from "./store"

// Prints Vue logs when --env.production is *NOT* set while building
Vue.config.silent = TNS_ENV === "production"

Vue.registerElement(
  "RadSideDrawer",
  () => require("nativescript-ui-sidedrawer").RadSideDrawer
)

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