# @chengdx/default-export-resolver

> Help to generate default export for `unplugin-vue-components`

Latest version **0.11.6** (published 2023-03-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install @chengdx/default-export-resolver
pnpm add @chengdx/default-export-resolver
yarn add @chengdx/default-export-resolver
bun add @chengdx/default-export-resolver
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.11.6 |
| Published | 2023-03-21 |
| First published | 2022-10-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Cheng-DX |
| Maintainers | chengdx |
| Keywords | unplugin-vue-components, plugin, export, default, vite |

## Links

- npm: https://www.npmjs.com/package/@chengdx/default-export-resolver
- Repository: https://github.com/Cheng-DX/dora
- Homepage: https://github.com/Cheng-DX/dora/tree/main/packages/default-export-resolver#readme
- Issues: https://github.com/Cheng-DX/dora/issues
- npm.io page: https://npm.io/package/@chengdx/default-export-resolver

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 0.11.6 (latest) — 2023-03-21
- 0.11.4 — 2023-01-02
- 0.11.1 — 2023-01-01
- 0.11.0 — 2022-12-18
- 0.10.2 — 2022-12-15
- 0.10.1 — 2022-12-08
- 0.10.0 — 2022-11-30
- 0.9.0 — 2022-11-26
- 0.8.0 — 2022-11-13
- 0.7.2 — 2022-11-12
- 0.7.1 — 2022-11-04
- 0.7.0 — 2022-11-01
- 0.6.3 — 2022-10-31
- 0.6.2 — 2022-10-24
- 0.6.1 — 2022-10-24
- … 11 more at https://npm.io/package/@chengdx/default-export-resolver/versions

## README

## `defaultExportResolver`
Help to generate default export for `unplugin-vue-components` and `unplugin-auto-import`

### `unplugin-vue-components`
```ts
// in vite.config.ts
import AutoImportComponents from 'unplugin-vue-components/vite'
import { defaultExportResolver } from '@chengdx/default-export-resolver'

export default defineConfig({
  plugins: [
    AutoImportComponents({
      dts: true,
      resolvers: [
        defaultExportResolver([
          { name: 'VChart', from: 'vue-echarts' },
        ]),
      ],
    }),
  ],
})
```
Then in the `components.d.ts`, a global component `VChart` will be generated.
```ts
// generated by unplugin-vue-components
// We suggest you to commit this file into source control
// Read more: https://github.com/vuejs/core/pull/3399
import '@vue/runtime-core'
export {}
declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    VChart: typeof import('vue-echarts')['default']
  }
}

```
Now you can use `VChart` in your template without import it.
```vue
<template>
  <v-chart />
</template>
```

### `unplugin-auto-import`
```ts
// in vite.config.ts
import AutoImport from 'unplugin-auto-import'
import { defaultExportResolver } from '@chengdx/default-export-resolver'

export default defineConfig({
  plugins: [
    AutoImportComponents({
      dts: true,
      resolvers: [
        defaultExportResolver([
          { name: 'defu', from: 'defu' },
        ]),
      ],
    }),
  ],
})
```
Then in the `auto-import.d.ts`, a global const `defu` will be generated.
```ts
// Generated by 'unplugin-auto-import'
export {}
declare global {
  const defu: typeof import('defu')['default']
}
```
Now you can use `defu` without import it.
```ts
const a = {
  b: 1
}

defu(a, { b: 0, c: -1 }) // { b: 1, c: -1 }
```

## License
[MIT](../../LICENSE) License © 2022 [Cheng-DX](https://github.com/Cheng-DX)

---
_Source: https://npm.io/package/@chengdx/default-export-resolver · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._