Cleanup badge

src/assets/styles/primevue.css

@@ -1,5 +1,4 @@
 @import '../../components/common/Common.css';
-@import '../../components/badge/Badge.css';
 @import '../../components/button/Button.css';
 @import '../../components/checkbox/Checkbox.css';
 @import '../../components/colorpicker/ColorPicker.css';

src/components/badge/Badge.css

@@ -1,28 +0,0 @@
-.p-badge {
-    display: inline-block;
-    border-radius: 50%;
-    text-align: center;
-}
-
-.p-tag {
-    display: inline-block;
-    text-align: center;
-    line-height: 1.5;
-}
-
-.p-tag.p-tag-rounded {
-    border-radius: 10rem;
-}
-
-.p-overlay-badge {
-    position: relative;
-    display: inline-block;
-}
-
-.p-overlay-badge .p-badge {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(1em, -1em);
-    margin: 0;
-}

src/components/badge/Badge.vue

@@ -18,10 +18,10 @@ export default {
     },
     computed: {
         containerClass() {
-            return this.$slots.default ? 'p-overlay-badge p-component': this.badgeClass;
+            return this.$slots.default ? 'p-overlay-badge': this.badgeClass;
         },
         badgeClass() {
-            return ['p-badge', {
+            return ['p-badge p-component', {
                 'p-badge-lg': this.size === 'large',
                 'p-badge-xl': this.size === 'xlarge',
                 'p-badge-info': this.severity === 'info',