chore: rename Typography folder to typography

src/Typography/index.js

@@ -1,36 +0,0 @@
-import header from './src/header'
-import A from './src/a'
-import P from './src/p'
-import Blockquote from './src/blockquote'
-import Hr from './src/hr'
-import Ul from './src/ul'
-import Ol from './src/ol'
-import Li from './src/li'
-import Text from './src/text'
-
-const Typography = {
-  install (Vue) {
-    const H1 = header(1)
-    const H2 = header(2)
-    const H3 = header(3)
-    const H4 = header(4)
-    const H5 = header(5)
-    const H6 = header(6)
-    Vue.component(H1.name, H1)
-    Vue.component(H2.name, H2)
-    Vue.component(H3.name, H3)
-    Vue.component(H4.name, H4)
-    Vue.component(H5.name, H5)
-    Vue.component(H6.name, H6)
-    Vue.component(A.name, A)
-    Vue.component(P.name, P)
-    Vue.component(Blockquote.name, Blockquote)
-    Vue.component(Hr.name, Hr)
-    Vue.component(Ul.name, Ul)
-    Vue.component(Ol.name, Ol)
-    Vue.component(Li.name, Li)
-    Vue.component(Text.name, Text)
-  }
-}
-
-export default Typography

src/index.js

@@ -63,7 +63,7 @@ import Empty from './Empty'
 import Element from './element'
 import Log from './Log'
 import Code from './Code'
-import Typography from './Typography'
+import Typography from './typography'
 import Upload from './Upload'
 import InputGroup from './input-group'
 import InputGroupLabelStyle from './input-group-label'

src/typography/index.js

@@ -0,0 +1,36 @@
+import header from './src/header'
+import A from './src/a'
+import P from './src/p'
+import Blockquote from './src/blockquote'
+import Hr from './src/hr'
+import Ul from './src/ul'
+import Ol from './src/ol'
+import Li from './src/li'
+import Text from './src/text'
+
+const Typography = {
+  install (Vue, naive) {
+    const H1 = header(1)
+    const H2 = header(2)
+    const H3 = header(3)
+    const H4 = header(4)
+    const H5 = header(5)
+    const H6 = header(6)
+    Vue.component(naive.componentPrefix + H1.name, H1)
+    Vue.component(naive.componentPrefix + H2.name, H2)
+    Vue.component(naive.componentPrefix + H3.name, H3)
+    Vue.component(naive.componentPrefix + H4.name, H4)
+    Vue.component(naive.componentPrefix + H5.name, H5)
+    Vue.component(naive.componentPrefix + H6.name, H6)
+    Vue.component(naive.componentPrefix + A.name, A)
+    Vue.component(naive.componentPrefix + P.name, P)
+    Vue.component(naive.componentPrefix + Blockquote.name, Blockquote)
+    Vue.component(naive.componentPrefix + Hr.name, Hr)
+    Vue.component(naive.componentPrefix + Ul.name, Ul)
+    Vue.component(naive.componentPrefix + Ol.name, Ol)
+    Vue.component(naive.componentPrefix + Li.name, Li)
+    Vue.component(naive.componentPrefix + Text.name, Text)
+  }
+}
+
+export default Typography

src/typography/src/a.vue

@@ -23,7 +23,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NA',
+  name: 'A',
   mixins: [ withapp, themeable ],
   props: {
     to: {

src/typography/src/blockquote.vue

@@ -15,7 +15,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NBlockquote',
+  name: 'Blockquote',
   mixins: [withapp, themeable],
   props: {
     alignText: {

src/typography/src/header.js

@@ -3,7 +3,7 @@ import themeable from '../../_mixins/themeable'
 import getDefaultSlot from '../../_utils/vue/getDefaultSlot'
 
 export default level => ({
-  name: 'NH' + level,
+  name: 'H' + level,
   props: {
     type: {
       type: String,

src/typography/src/hr.vue

@@ -14,7 +14,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NHr',
+  name: 'Hr',
   mixins: [withapp, themeable]
 }
 </script>

src/typography/src/li.vue

@@ -15,7 +15,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NLi',
+  name: 'Li',
   mixins: [withapp, themeable],
   props: {
     alignText: {

src/typography/src/ol.vue

@@ -16,7 +16,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NOl',
+  name: 'Ol',
   mixins: [withapp, themeable],
   props: {
     alignText: {

src/typography/src/p.vue

@@ -15,7 +15,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NP',
+  name: 'P',
   mixins: [withapp, themeable],
   props: {
     depth: {

src/typography/src/text.vue

@@ -55,7 +55,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NText',
+  name: 'Text',
   mixins: [withapp, themeable],
   props: {
     code: {

src/typography/src/ul.vue

@@ -15,7 +15,7 @@ import withapp from '../../_mixins/withapp'
 import themeable from '../../_mixins/themeable'
 
 export default {
-  name: 'NUl',
+  name: 'Ul',
   mixins: [withapp, themeable],
   props: {
     alignText: {