rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use `defineAsyncComponent` for dynamic imports 

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
This commit is contained in:
Phillip Rak 2024-07-31 16:04:01 -07:00 committed by Cody Jackson
parent 656b16f00a
commit adfc9ab1bb
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
shell/utils/dynamic-importer.js
View File

@ -2,12 +2,14 @@
// So it can be disabled just on this file that does nothing else, instead of every file that uses // So it can be disabled just on this file that does nothing else, instead of every file that uses
// an import with a variable in the path. // an import with a variable in the path.
import { defineAsyncComponent } from 'vue';
export function importCloudCredential(name) { export function importCloudCredential(name) {
if (!name) { if (!name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "cloud-credential" */ `@shell/cloud-credential/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "cloud-credential" */ `@shell/cloud-credential/${name}`));
} }
export function importMachineConfig(name) { export function importMachineConfig(name) {
@ -15,7 +17,7 @@ export function importMachineConfig(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "machine-config" */ `@shell/machine-config/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "machine-config" */ `@shell/machine-config/${name}`));
} }
export function importLogin(name) { export function importLogin(name) {
@ -23,7 +25,7 @@ export function importLogin(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "login" */ `@shell/components/auth/login/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "login" */ `@shell/components/auth/login/${name}`));
} }
export function importChart(name) { export function importChart(name) {
@ -31,7 +33,7 @@ export function importChart(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "chart" */ `@shell/chart/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "chart" */ `@shell/chart/${name}`));
} }
export function importList(name) { export function importList(name) {
@ -39,7 +41,7 @@ export function importList(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "list" */ `@shell/list/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "list" */ `@shell/list/${name}`));
} }
export function importDetail(name) { export function importDetail(name) {
@ -47,7 +49,7 @@ export function importDetail(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "detail" */ `@shell/detail/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "detail" */ `@shell/detail/${name}`));
} }
export function importEdit(name) { export function importEdit(name) {
@ -55,7 +57,7 @@ export function importEdit(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "edit" */ `@shell/edit/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "edit" */ `@shell/edit/${name}`));
} }
export function importDialog(name) { export function importDialog(name) {
@ -63,7 +65,7 @@ export function importDialog(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "dialog" */ `@shell/dialog/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "dialog" */ `@shell/dialog/${name}`));
} }
export function importWindowComponent(name) { export function importWindowComponent(name) {
@ -71,7 +73,7 @@ export function importWindowComponent(name) {
throw new Error('Name required'); throw new Error('Name required');
} }
return () => import(/* webpackChunkName: "components/nav" */ `@shell/components/nav/WindowManager/${name}`); return defineAsyncComponent(() => import(/* webpackChunkName: "components/nav" */ `@shell/components/nav/WindowManager/${name}`));
} }
export function loadProduct(name) { export function loadProduct(name) {
@ -100,7 +102,7 @@ export function loadTranslation(name) {
} }
export function importCustomPromptRemove(name) { export function importCustomPromptRemove(name) {
return () => import(/* webpackChunkName: "custom-prompt-remove" */ `@shell/promptRemove/${ name }`); return defineAsyncComponent(() => import(/* webpackChunkName: "custom-prompt-remove" */ `@shell/promptRemove/${ name }`));
} }
export function resolveList(key) { export function resolveList(key) {
@ -129,4 +131,4 @@ export function resolveMachineConfigComponent(key) {
export function resolveCloudCredentialComponent(key) { export function resolveCloudCredentialComponent(key) {
return require.resolve(`@shell/cloud-credential/${ key }`); return require.resolve(`@shell/cloud-credential/${ key }`);
} }