feat(theme): allow using VPBadge classes in sidebar (#3391)

src/client/theme-default/components/VPBadge.vue

@@ -14,7 +14,7 @@ withDefaults(defineProps<Props>(), {
   </span>
 </template>
 
-<style scoped>
+<style>
 .VPBadge {
   display: inline-block;
   margin-left: 2px;
@@ -27,6 +27,16 @@ withDefaults(defineProps<Props>(), {
   transform: translateY(-2px);
 }
 
+.VPBadge.small {
+  padding: 0 6px;
+  line-height: 18px;
+  font-size: 11px;
+}
+
+.VPDocFooter .VPBadge {
+  display: none;
+}
+
 .vp-doc h1 > .VPBadge {
   margin-top: 4px;
   vertical-align: top;