From 275beeae166db77ce6cd2306b26078997b183509 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 10 Dec 2020 15:22:27 +0300
Subject: [PATCH] Refactored badge exports

---
 exports/badge.d.ts                       |  3 +--
 exports/badge.js                         |  3 +--
 exports/badgedirective.d.t.s             |  1 +
 exports/badgedirective.js                |  2 ++
 src/components/badge/BadgeDirective.d.ts |  5 +++++
 src/views/badge/BadgeDoc.vue             | 19 ++++++++++++-------
 6 files changed, 22 insertions(+), 11 deletions(-)
 create mode 100644 exports/badgedirective.d.t.s
 create mode 100644 exports/badgedirective.js

diff --git a/exports/badge.d.ts b/exports/badge.d.ts
index 12f6a2b7a..ebd7f25de 100644
--- a/exports/badge.d.ts
+++ b/exports/badge.d.ts
@@ -1,2 +1 @@
-export * from './components/badge/Badge';
-export * from './components/badge/BadgeDirective';
\ No newline at end of file
+export * from './components/badge/Badge';
\ No newline at end of file
diff --git a/exports/badge.js b/exports/badge.js
index 8178606fd..5cf477dda 100644
--- a/exports/badge.js
+++ b/exports/badge.js
@@ -1,3 +1,2 @@
 'use strict';
-module.exports.Badge = require('./components/badge/Badge.vue');
-module.exports.BadgeDirective = require('./components/badge/BadgeDirective.js');
\ No newline at end of file
+module.exports = require('./components/badge/Badge.vue');
\ No newline at end of file
diff --git a/exports/badgedirective.d.t.s b/exports/badgedirective.d.t.s
new file mode 100644
index 000000000..275dd94ce
--- /dev/null
+++ b/exports/badgedirective.d.t.s
@@ -0,0 +1 @@
+export * from './components/badge/BadgeDirective';
\ No newline at end of file
diff --git a/exports/badgedirective.js b/exports/badgedirective.js
new file mode 100644
index 000000000..04a8da14d
--- /dev/null
+++ b/exports/badgedirective.js
@@ -0,0 +1,2 @@
+'use strict';
+module.exports.BadgeDirective = require('./components/badge/BadgeDirective.js');
\ No newline at end of file
diff --git a/src/components/badge/BadgeDirective.d.ts b/src/components/badge/BadgeDirective.d.ts
index e69de29bb..0e9645216 100644
--- a/src/components/badge/BadgeDirective.d.ts
+++ b/src/components/badge/BadgeDirective.d.ts
@@ -0,0 +1,5 @@
+import Directive from 'vue';
+
+declare interface BadgeDirective extends Directive {}
+
+export default BadgeDirective;
\ No newline at end of file
diff --git a/src/views/badge/BadgeDoc.vue b/src/views/badge/BadgeDoc.vue
index 2d109b540..0b1edad31 100644
--- a/src/views/badge/BadgeDoc.vue
+++ b/src/views/badge/BadgeDoc.vue
@@ -2,17 +2,16 @@
 	<div class="content-section documentation">
 		<TabView>
 			<TabPanel header="Documentation">
-                <h5>Import</h5>
-<pre v-code.script>
-<code>
-import {Badge,BadgeDirective} from 'primevue/badge';
-
-</code></pre>
-
 				<h5>Getting Started</h5>
                 <p>Badge can either be used as a standalone component or as a directive.</p>
 
                 <h6>Component</h6>
+<pre v-code.script>
+<code>
+import Badge from 'primevue/badge';
+
+</code></pre>
+
 				<p>Content of the badge is specified using the <i>value</i> property.</p>
 <pre v-code>
 <code>
@@ -21,6 +20,12 @@ import {Badge,BadgeDirective} from 'primevue/badge';
 </code></pre>
 
                 <h6>Directive</h6>
+                <pre v-code.script>
+<code>
+import BadgeDirective from 'primevue/badgedirective';
+
+</code></pre>
+
 				<p>When used as a directive, badge needs to be configured at the application with a name of your choice.</p>
 <pre v-code.script>
 <code>