feat: improve treeshaking

package.json

@@ -8,13 +8,12 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "import": "./dist/unuse-ui.js",
-      "require": "./dist/unuse-ui.umd.cjs"
+      "import": "./dist/index.js"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/style.css": "./dist/assets/style.css"
   },
-  "main": "./dist/unuse-ui.umd.cjs",
-  "module": "./dist/unuse-ui.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/unuse-ui.d.ts",
   "files": [
     "dist"

playground/src/components.d.ts

@@ -9,7 +9,6 @@ declare module 'vue' {
   export interface GlobalComponents {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    UAvatar: typeof import('unuse-ui')['UAvatar']
     UBreadcrumb: typeof import('unuse-ui')['UBreadcrumb']
     UButton: typeof import('unuse-ui')['UButton']
     UCard: typeof import('unuse-ui')['UCard']

playground/uno.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   ],
   content: {
     pipeline: {
-      include: [/.*\/unuse-ui\.js(.*)?$/, './**/*.vue'],
+      include: [/.*\/unuse-ui\/.*[^/]+\.js$/, './**/*.vue'],
     },
   },
 })

src/components/avatar/index.ts

@@ -0,0 +1,2 @@
+export { default as UAvatar } from './UAvatar.vue'
+export type { Avatar } from './avatar'

src/components/breadcrumb/index.ts

@@ -0,0 +1 @@
+export { default as UBreadcrumb } from './UBreadcrumb.vue'

src/components/button/index.ts

@@ -0,0 +1,2 @@
+export { default as UButton } from './UButton.vue'
+export type { Button, ButtonColor, ButtonVariant } from './button'

src/components/card/index.ts

@@ -0,0 +1 @@
+export { default as UCard } from './UCard.vue'

src/components/checkbox/index.ts

@@ -0,0 +1 @@
+export { default as UCheckbox } from './UCheckbox.vue'

src/components/collapse/index.ts

@@ -0,0 +1 @@
+export { default as UCollapse } from './UCollapse.vue'

src/components/container/index.ts

@@ -0,0 +1 @@
+export { default as UContainer } from './UContainer.vue'

src/components/datepicker/index.ts

@@ -0,0 +1,2 @@
+export { default as UDatepicker } from './UDatepicker.vue'
+export type { DateType } from './datepicker'

src/components/dialog/index.ts

@@ -0,0 +1 @@
+export { default as UDialog } from './UDialog.vue'

src/components/dropdown/index.ts

@@ -0,0 +1,2 @@
+export { default as UDropdown } from './UDropdown.vue'
+export type { DropdownItem } from './dropdown'

src/components/file-upload/index.ts

@@ -0,0 +1 @@
+export { default as UFileUpload } from './UFileUpload.vue'

src/components/form-group/index.ts

@@ -0,0 +1 @@
+export { default as UFormGroup } from './UFormGroup.vue'

src/components/icon/index.ts

@@ -0,0 +1 @@
+export { default as UIcon } from './UIcon.vue'

src/components/input/index.ts

@@ -0,0 +1,2 @@
+export { default as UInput } from './UInput.vue'
+export type { Input, InputColor, InputVariant } from './input'

src/components/link/index.ts

@@ -0,0 +1 @@
+export { default as ULinkCustom } from './ULinkCustom.vue'

src/components/nav/index.ts

@@ -0,0 +1 @@
+export { default as UNav } from './UNav.vue'

src/components/notification/index.ts

@@ -0,0 +1,2 @@
+export { default as UNotifications } from './UNotifications.vue'
+export type { Notification, NotificationAction } from './notification'

src/components/pagination/index.ts

@@ -0,0 +1 @@
+export { default as UPagination } from './UPagination.vue'

src/components/popover/index.ts

@@ -0,0 +1 @@
+export { default as UPopover } from './UPopover.vue'

src/components/radio/index.ts

@@ -0,0 +1,2 @@
+export { default as URadio } from './URadio.vue'
+export { default as URadioGroup } from './URadioGroup.vue'

src/components/select/index.ts

@@ -0,0 +1,2 @@
+export { default as USelect } from './USelect.vue'
+export { default as USelectMenu } from './USelectMenu.vue'

src/components/skeleton/index.ts

@@ -0,0 +1 @@
+export { default as USkeleton } from './USkeleton.vue'

src/components/slider/index.ts

@@ -0,0 +1 @@
+export { default as USlider } from './USlider.vue'

src/components/table/index.ts

@@ -0,0 +1 @@
+export { default as UTable } from './UTable.vue'

src/components/tag/index.ts

@@ -0,0 +1,2 @@
+export { default as UTag } from './UTag.vue'
+export type { TagVariant } from './tag'

src/components/text/index.ts

@@ -0,0 +1 @@
+export { default as UText } from './UText.vue'

src/components/textarea/index.ts

@@ -0,0 +1 @@
+export { default as UTextarea } from './UTextarea.vue'

src/components/toggle/index.ts

@@ -0,0 +1 @@
+export { default as UToggle } from './UToggle.vue'

src/components/tooltip/index.ts

@@ -0,0 +1 @@
+export { default as UTooltip } from './UTooltip.vue'

src/components/vertical-navigation/index.ts

@@ -0,0 +1 @@
+export { default as UVerticalNavigation } from './UVerticalNavigation.vue'

vite.config.ts

@@ -1,9 +1,20 @@
-import { resolve } from 'node:path'
+import path, { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import dts from 'vite-plugin-dts'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
+import { glob } from 'glob'
+
+const entry = Object.fromEntries(
+  glob
+    .sync('src/components/*/index.ts')
+    .map(file => [
+      path.relative('src', file.slice(0, file.length - path.extname(file).length)),
+      fileURLToPath(new URL(file, import.meta.url)),
+    ]),
+)
 
 const config = defineConfig({
   resolve: {
@@ -30,23 +41,35 @@ const config = defineConfig({
     Components({
       dts: 'src/components.d.ts',
     }),
+    {
+      name: 'post-process-rename-h',
+      enforce: 'post',
+      generateBundle(_options, bundle) {
+        for (const [fileName, file] of Object.entries(bundle)) {
+          if (file.type === 'chunk' && file.code && fileName.match(/^index-.*\.js$/)) {
+            file.code = file.code.replace(/},\s*h\s*=\s*{/g, '}, hh = {')
+            file.code = file.code.replace(/:\s*h\s*,/g, ': hh,')
+          }
+        }
+      },
+    },
   ],
   build: {
     emptyOutDir: false,
     lib: {
-      entry: resolve(__dirname, 'src/unuse-ui.ts'),
-      name: 'unuse-ui',
-      fileName: 'unuse-ui',
+      entry: {
+        ...entry,
+        index: fileURLToPath(new URL('src/unuse-ui.ts', import.meta.url)),
+      },
+      formats: ['es'],
     },
     rollupOptions: {
       external: [
         'vue',
       ],
       output: {
-        exports: 'named',
-        globals: {
-          vue: 'Vue',
-        },
+        assetFileNames: 'assets/[name][extname]',
+        entryFileNames: '[name].js',
       },
     },
   },