naive-ui/demo/deploymentIndex.js

import { Vue, i18n } from './init'
import hljs from './hljs'
import demoRouterView from './demoRouterView'
import naive from '../lib/index'
import '../lib/styles/index.css'
import './styles/test-customize-style-scheme.scss' // test
import '../lib/styles/fonts/Lato.css'
import '../lib/styles/fonts/FiraCode.css'
import createRouter from './routes/router'
import { routes } from './routes/routes'

naive.setHljs(hljs)

// testing customize style
// naive.styles.light.override({
//   derived: {
//     primaryColor: 'rgb(255, 0, 0)',
//     primaryHoverColor: 'rgb(0, 255, 0)',
//     primaryActiveColor: 'rgb(0, 0, 255)'
//   }
// })

Vue.use(naive)

const router = createRouter(Vue, routes)

new Vue({
  ...demoRouterView,
  router,
  i18n
}).$mount('#app')