Fix warnings

Author: kla

src/Digits.vue

@@ -49,13 +49,11 @@ const formatted = computed(() => {
 </script>
 
 <style scoped>
-.digits {
-  &-quadrillion { color: var(--digits-quadrillion, deeppink) }
-  &-trillion { color: var(--digits-trillion, violet) }
-  &-billion { color: var(--digits-billion, blueviolet) }
-  &-million { color: var(--digits-million, goldenrod) }
-  &-thousand { color: var(--digits-thousand, lightskyblue) }
-}
+.digits-quadrillion { color: var(--digits-quadrillion, deeppink) }
+.digits-trillion { color: var(--digits-trillion, violet) }
+.digits-billion { color: var(--digits-billion, blueviolet) }
+.digits-million { color: var(--digits-million, goldenrod) }
+.digits-thousand { color: var(--digits-thousand, lightskyblue) }
 .digits-colored {
   color: var(--digits-positive, limegreen);
   &.digits-negative { color: var(--digits-negative, indianred) }

vite.config.ts

@@ -1,5 +1,6 @@
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
+import { dependencies } from './package.json'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
@@ -19,8 +20,9 @@ export default defineConfig({
     },
     rollupOptions: {
       // make sure to externalize deps that shouldn't be bundled into your library
-      external: ['vue'],
+      external: Object.keys(dependencies),
       output: {
+        globals: { vue: 'vue' },
         assetFileNames: (assetInfo) => {
           if (assetInfo.name == 'style.css')
             return 'digits.css';