VueUiKpi added component

Author: graphieros

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.52",
+  "version": "2.0.53",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

src/components/vue-ui-kpi.vue

@@ -51,7 +51,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <div :class="`vue-ui-kpi ${kpiConfig.layoutClass}`" :style="`${kpiConfig.layoutCss}`">
+    <div :class="`vue-ui-kpi ${kpiConfig.layoutClass}`" :style="`background:${kpiConfig.backgroundColor}; ${kpiConfig.layoutCss}`">
         <div :class="`vue-ui-kpi-title ${kpiConfig.titleClass}`" :style="`font-family: ${kpiConfig.fontFamily}; font-size:${kpiConfig.titleFontSize}px; color:${kpiConfig.titleColor}; font-weight:${kpiConfig.titleBold ? 'bold' : 'normal'}; ${kpiConfig.titleCss}`">
             <slot name="title" :comment="dataset"></slot>
             {{ kpiConfig.title }}