chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/popup/Popup.tsx

@@ -23,8 +23,8 @@ import { useLockScroll } from '../composables/use-lock-scroll';
 import { useLazyRender } from '../composables/use-lazy-render';
 
 // Components
-import Icon from '../icon';
-import Overlay from '../overlay';
+import { Icon } from '../icon';
+import { Overlay } from '../overlay';
 
 export type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
 

src/popup/test/index.spec.js

@@ -1,6 +1,6 @@
 import { nextTick } from 'vue';
 import { mount, triggerDrag } from '../../../test';
-import Popup from '..';
+import { Popup } from '..';
 
 let wrapper;
 afterEach(() => {