chore: test customize style scheme on deploymentIndex

demo/deploymentIndex.js

@@ -1,15 +1,21 @@
 import { Vue, i18n } from './init'
 import hljs from './hljs'
 import demoRouterView from './demoRouterView'
-import NaiveUI from '../lib/index'
+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'
 
-Vue.use(NaiveUI)
-NaiveUI.setHljs(hljs)
+Vue.use(naive)
+naive.setHljs(hljs)
+// naive.setStyleSchemes({
+//   light: {
+//     primaryColor: 'rgb(255, 0, 0)'
+//   }
+// })
 
 const router = createRouter(Vue, routes)
 

demo/devIndex.js

@@ -3,7 +3,7 @@ import { Vue, i18n } from './init'
 import debugRouteMixin from './routes/debugRouteMixin'
 import hljs from './hljs'
 import demoRouterView from './demoRouterView'
-// import './styles/theme.scss' // test customize style scheme
+// import './styles/test-customize-style-scheme.scss' // test customize style scheme
 import naive from '../src/index'
 import '../src/_styles/index.scss'
 import '../src/_styles/fonts/Lato.scss'

src/_styles/index.scss

@@ -1,6 +1,7 @@
 @import "./base.scss";
 
-@import '~vue-virtual-scroller/dist/vue-virtual-scroller';
+// don't use ~vue-virtual-scroller, if so rollup not working
+@import '../../node_modules/vue-virtual-scroller/dist/vue-virtual-scroller';
 
 @import "./BaseLoading.scss";
 @import "./BaseSlotMachine.scss";