feat: Allow to import the component individually

Author: ktquez

package.json

@@ -6,7 +6,7 @@
   "module": "dist/vue-dark-mode.esm.js",
   "unpkg": "dist/vue-dark-mode.min.js",
   "browser": {
-    "./sfc": "src/vue-dark-mode.vue"
+    "./sfc": "src/DarkMode.vue"
   },
   "scripts": {
     "dev": "rollup --config rollup.config.dev.js --watch",

src/VueDarkMode.vue renamed to src/DarkMode.vue

@@ -1,12 +1,4 @@
-import VueDarkMode from './VueDarkMode.vue'
+import VueDarkMode from './plugin'
 
-export default function install (Vue) {
-  if (install.installed) return
-  install.installed = true
-  Vue.component('VueDarkMode', VueDarkMode)
-}
-
-// auto install
-if (typeof window !== 'undefined' && typeof window.Vue !== 'undefined') {
-  window.Vue.use(install)
-}
+export default VueDarkMode
+export { default as DarkMode } from './DarkMode.vue'

src/index.js

@@ -0,0 +1,12 @@
+import DarkMode from './DarkMode.vue'
+
+export default function install (Vue) {
+  if (install.installed) return
+  install.installed = true
+  Vue.component('DarkMode', DarkMode)
+}
+
+// auto install
+if (typeof window !== 'undefined' && typeof window.Vue !== 'undefined') {
+  window.Vue.use(install)
+}