fix: export module types under pakcage name (#226)

Author: farnabaz

build.config.ts

@@ -2,7 +2,6 @@ import fs from 'node:fs'
 import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
-  failOnWarn: false,
   entries: [
     'src/config.ts'
   ],

package.json

@@ -75,7 +75,7 @@
     "@shikijs/transformers": "^1.6.4",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
-    "@vue/compiler-core": "^3.4.27",
+    "@vue/compiler-core": "^3.4.28",
     "consola": "^3.2.3",
     "debug": "^4.3.5",
     "defu": "^6.1.4",
@@ -113,7 +113,8 @@
     "@nuxt/module-builder": "^0.7.1",
     "@nuxt/schema": "^3.12.1",
     "@nuxt/test-utils": "^3.13.1",
-    "@nuxt/ui": "^2.16.0",
+    "@nuxt/ui": "^2.17.0",
+    "@nuxtjs/mdc": "link:.",
     "@types/node": "^20.14.2",
     "changelogen": "^0.5.5",
     "eslint": "^9.4.0",

pnpm-lock.yaml

@@ -1,5 +1 @@
-import type { MdcConfig } from './types/config'
-
-export function defineConfig(config: MdcConfig) {
-  return config
-}
+export { defineConfig } from './module'

src/config.ts

@@ -3,12 +3,16 @@ import { defineNuxtModule, extendViteConfig, addComponent, addComponentsDir, cre
 import { defu } from 'defu'
 import { resolve } from 'pathe'
 import type { BundledLanguage } from 'shiki'
-import type { ModuleOptions } from './types/module'
+import type { ModuleOptions, MdcConfig } from './types'
 import { registerMDCSlotTransformer } from './utils/vue-mdc-slot'
 import * as templates from './templates'
 import { addWasmSupport } from './utils'
 
-export * from './types/module'
+export type * from './types'
+
+export function defineConfig(config: MdcConfig) {
+  return config
+}
 
 export const DefaultHighlightLangs: BundledLanguage[] = [
   'js',

src/module.ts

@@ -21,8 +21,8 @@
 import { hash } from 'ohash'
 import { useAsyncData } from 'nuxt/app'
 import { watch, computed, type PropType } from 'vue'
+import type { MDCParseOptions } from '@nuxtjs/mdc'
 import { parseMarkdown } from '../parser'
-import type { MDCParseOptions } from '../../types'
 
 const props = defineProps({
   tag: {

src/runtime/components/MDC.vue

@@ -4,8 +4,8 @@ import destr from 'destr'
 import { kebabCase, pascalCase } from 'scule'
 import { find, html } from 'property-information'
 import type { VNode, ConcreteComponent, PropType, DefineComponent } from 'vue'
+import type { MDCElement, MDCNode, MDCRoot, MDCData } from '@nuxtjs/mdc'
 import htmlTags from '../parser/utils/html-tags-list'
-import type { MDCElement, MDCNode, MDCRoot, MDCData } from '../../types'
 import { flatUnwrap } from '../utils/node'
 
 type CreateElement = typeof h

src/runtime/components/MDCRenderer.vue

@@ -1,5 +1,5 @@
-import type { HighlightResult } from '../../types/highlighter'
-import { rehypeHighlight as rehypeHighlightUniversal, type RehypeHighlightOption } from './rehype'
+import type { HighlightResult, RehypeHighlightOption } from '@nuxtjs/mdc'
+import { rehypeHighlight as rehypeHighlightUniversal } from './rehype'
 
 const defaults: RehypeHighlightOption = {
   theme: {},

src/runtime/highlighter/rehype-nuxt.ts

@@ -1,12 +1,7 @@
 import type { Root, Element } from 'hast'
 import { visit } from 'unist-util-visit'
 import { toString } from 'hast-util-to-string'
-import type { Highlighter, MdcThemeOptions } from '../../types/highlighter'
-
-export interface RehypeHighlightOption {
-  theme?: MdcThemeOptions
-  highlighter?: Highlighter
-}
+import type { RehypeHighlightOption } from '@nuxtjs/mdc'
 
 export default rehypeHighlight
 

src/runtime/highlighter/rehype.ts

@@ -7,8 +7,7 @@ import {
   transformerNotationFocus,
   transformerNotationHighlight
 } from '@shikijs/transformers'
-import type { MdcConfig } from '../../types/config'
-import type { Highlighter } from '../../types/highlighter'
+import type { MdcConfig, Highlighter } from '@nuxtjs/mdc'
 
 export interface CreateShikiHighlighterOptions {
   /* An array of themes to be loaded initially */

src/runtime/highlighter/shiki.ts

@@ -1,7 +1,6 @@
 import { toString } from 'hast-util-to-string'
 import Slugger from 'github-slugger'
-import type { RootContent, Root } from '../../types/hast'
-import type { MDCNode, MDCParseOptions, MDCRoot } from '../../types'
+import type { RootContent, Root, MDCNode, MDCParseOptions, MDCRoot } from '@nuxtjs/mdc'
 import { validateProps } from './utils/props'
 
 export function compileHast(this: any, options: MDCParseOptions = {}) {

src/runtime/parser/compiler.ts

@@ -3,9 +3,8 @@ import remarkParse from 'remark-parse'
 import remark2rehype from 'remark-rehype'
 import { parseFrontMatter } from 'remark-mdc'
 import { defu } from 'defu'
-import type { MDCData, MDCElement, MDCParseOptions, MDCParserResult, MDCRoot, Toc } from '../../types'
+import type { MdcConfig, MDCData, MDCElement, MDCParseOptions, MDCParserResult, MDCRoot, Toc } from '@nuxtjs/mdc'
 import { nodeTextContent } from '../utils/node'
-import type { MdcConfig } from '../../types/config'
 import { useProcessorPlugins } from './utils/plugins'
 import { defaults } from './options'
 import { generateToc } from './toc'

src/runtime/parser/index.ts

@@ -5,7 +5,7 @@ import rehypeExternalLinks from 'rehype-external-links'
 import rehypeSortAttributeValues from 'rehype-sort-attribute-values'
 import rehypeSortAttributes from 'rehype-sort-attributes'
 import rehypeRaw from 'rehype-raw'
-import type { MDCParseOptions } from '../../types'
+import type { MDCParseOptions } from '@nuxtjs/mdc'
 import handlers from './handlers'
 
 export const defaults: MDCParseOptions = {

src/runtime/parser/options.ts

@@ -1,4 +1,4 @@
-import type { MDCNode, Toc, TocLink, MDCElement, MDCRoot } from '../../types'
+import type { MDCNode, Toc, TocLink, MDCElement, MDCRoot } from '@nuxtjs/mdc'
 import { flattenNode, flattenNodeText } from '../utils/ast'
 
 const TOC_TAGS = ['h2', 'h3', 'h4', 'h5', 'h6']

src/runtime/parser/toc.ts

@@ -1,6 +1,6 @@
 // @ts-expect-error missing types
 import type { Processor } from 'remark-rehype/lib'
-import type { MDCParseOptions, RehypePlugin, RemarkPlugin } from '../../../types'
+import type { MDCParseOptions, RehypePlugin, RemarkPlugin } from '@nuxtjs/mdc'
 
 export const useProcessorPlugins = async (
   processor: Processor,

src/runtime/parser/utils/plugins.ts

@@ -1,4 +1,4 @@
-import type { MDCElement, MDCNode } from '../../types'
+import type { MDCElement, MDCNode } from '@nuxtjs/mdc'
 
 export function flattenNodeText(node: MDCNode): string {
   if (node.type === 'comment') {

src/runtime/utils/ast.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue'
-import type { MDCElement, MDCNode, MDCText } from '../../types'
+import type { MDCElement, MDCNode, MDCText } from '@nuxtjs/mdc'
 
 /**
  * List of text nodes

src/runtime/utils/node.ts

@@ -16,3 +16,8 @@ export interface HighlightResult {
 }
 
 export type Highlighter = (code: string, lang: string, theme: MdcThemeOptions, options: Partial<HighlighterOptions>) => Promise<HighlightResult>
+
+export interface RehypeHighlightOption {
+  theme?: MdcThemeOptions
+  highlighter?: Highlighter
+}

src/types/highlighter.ts

@@ -1,4 +1,7 @@
-export * from './tree'
-export * from './parser'
-export * from './toc'
-export * from './module'
+export type * from './tree'
+export type * from './parser'
+export type * from './toc'
+export type * from './module'
+export type * from './highlighter'
+export type * from './config'
+export type * from './hast'

src/types/index.ts

@@ -1,8 +1,8 @@
 import type { Options as RehypeOption } from 'remark-rehype'
-import type { RehypeHighlightOption } from '../runtime/highlighter/rehype'
 import type { MdcConfig } from './config'
 import type { MDCData, MDCRoot } from './tree'
 import type { Toc } from './toc'
+import type { RehypeHighlightOption } from './highlighter'
 
 export interface RemarkPlugin {
   instance?: any