build: improve treeshaking

jbaubree · Nov 27, 2024 · 4b1ab0a · 4b1ab0a
1 parent d44ff31
commit 4b1ab0a
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 47 deletions.
diff --git a/playground/src/pages/index.vue b/playground/src/pages/index.vue
@@ -11,7 +11,7 @@ const input = ref('')
 const activeItem = ref()
 const { primaryColor } = useAppTheme()
 const toast = useToast()
-const primaryOptions = computed(() => (Object.keys(colors) as (keyof typeof colors)[]).filter((color) => {
+const primaryOptions = computed(() => (Object.keys(colors) as (keyof typeof colors)[]).map(color => color.toString()).filter((color) => {
   return !['inherit', 'current', 'black', 'white', 'light', 'dark', 'transparent', 'primary', 'pilot', 'success', 'danger'].includes(color)
 }))
 const dropdownItems = [

diff --git a/playground/tsconfig.json b/playground/tsconfig.json
@@ -9,7 +9,7 @@
     "jsx": "preserve",
     "skipLibCheck": true,
     "isolatedModules": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "strictNullChecks": true,
     "allowJs": true,

diff --git a/src/index.ts b/src/index.ts
@@ -46,42 +46,6 @@ import { APP_UI } from './symbols'
 import type { DeepPartial, PluginOptions, ResolvedPluginOptions } from './types'
 import { colors } from '~/preset'
 
-const components = {
-  UAvatar,
-  UButton,
-  UBreadcrumb,
-  UCard,
-  UCheckbox,
-  UCollapse,
-  UContainer,
-  UDatepicker,
-  UDialog,
-  UDropdown,
-  UFileUpload,
-  UFormGroup,
-  UIcon,
-  UInput,
-  ULinkCustom,
-  UNav,
-  UNotification,
-  UNotifications,
-  UPopover,
-  UPagination,
-  URadio,
-  URadioGroup,
-  USelect,
-  USelectMenu,
-  USkeleton,
-  USlider,
-  UTable,
-  UTag,
-  UText,
-  UTextarea,
-  UToggle,
-  UTooltip,
-  UVerticalNavigation,
-}
-
 declare module 'vue' {
   export interface GlobalComponents {
     UAvatar: typeof UAvatar
@@ -121,7 +85,6 @@ declare module 'vue' {
 }
 
 const configDefaults: ResolvedPluginOptions = {
-  registerComponents: true,
   appConfig,
 }
 
@@ -133,12 +96,6 @@ const plugin = {
 
     app.use(createHead())
 
-    if (options.registerComponents) {
-      Object.entries(components).forEach(([name, component]) => {
-        app.component(name, component)
-      })
-    }
-
     const hexToRgb = (hex: string) => {
       // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
       const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i

diff --git a/src/types/config.ts b/src/types/config.ts
@@ -3,12 +3,10 @@ import type { Colors } from '~/preset'
 import type { DeepPartial } from '~/types'
 
 export interface PluginOptions {
-  registerComponents: boolean
   appConfig: DeepPartial<typeof appConfig>
 }
 
 export interface ResolvedPluginOptions {
-  registerComponents: boolean
   appConfig: typeof appConfig
 }
 

diff --git a/vite.config.ts b/vite.config.ts
@@ -50,6 +50,10 @@ const config = defineConfig({
             file.code = file.code.replace(/},\s*h\s*=\s*{/g, '}, hh = {')
             file.code = file.code.replace(/:\s*h\s*,/g, ': hh,')
           }
+          if (file.type === 'chunk' && file.code && fileName === 'index.js') {
+            file.code = file.code.replace(/, h\s=\s/g, ', hh = ')
+            file.code = file.code.replace(/\.{3}h/g, '...hh')
+          }
         }
       },
     },