Copying a vue component. - Undefined

[macmilm]

Noob here so not even sure I am asking the right question.
Basically in the below code I want to copy one component to another based on if user logged in.
AuthMenuConfig & Main MenuConfig are both typescript files that have been imported.
The console.log shows that MyMenuConfig is always undefined. What dumb thing am I doing?
Thanks.

const authStore = useAuthStore();
let MyMenuConfig;
if (authStore.isAuthenticated) {
  const MyMenuConfig = ref(AuthMenuConfig);
} else {
  const MyMenuConfig = ref(MainMenuConfig);
}
console.log("MYMENUCONFIG:" + MyMenuConfig);

[LinusBorg]

This is not related to Vue components or anything, you just have a misunderstanding about how Javascript variable declarations work.

You wanted to assign a value to the aforedeclared let variable MyMenuConfig. Yet what you did was define a new const variable called MyMenuConfig that only exists within the scope of the if block, or the else block

Solution: remove the const keyword

const authStore = useAuthStore();
let MyMenuConfig;
if (authStore.isAuthenticated) {
-  const MyMenuConfig = ref(AuthMenuConfig);
+  MyMenuConfig = ref(AuthMenuConfig);
} else {
-  const MyMenuConfig = ref(MainMenuConfig);
+ MyMenuConfig = ref(MainMenuConfig);
}
console.log("MYMENUCONFIG:" + MyMenuConfig);

here's an article I quickly googled that might help you better understan:

https://dev.to/catherineisonline/what-is-variable-shadowing-in-javascript-59ci

Something Vue-specific that I would further improve is to use one ref for the MyMenuConfig if you need this to be reactive:

const authStore = useAuthStore();
- let MyMenuConfig;
+ const MyMenuConfig = ref();
if (authStore.isAuthenticated) {
-  const MyMenuConfig = ref(AuthMenuConfig);
+  MyMenuConfig.value = AuthMenuConfig;
} else {
-  const MyMenuConfig = ref(MainMenuConfig);
+ MyMenuConfig.value = MainMenuConfig;
}
- console.log("MYMENUCONFIG:" + MyMenuConfig);
+ console.log("MYMENUCONFIG:" + MyMenuConfig.value);

[macmilm]

Thanks the cured it instantly. I should have spotted that myself 😞. At least it wasn't just a missing semi colon 😁. Thanks for the advice. Appreciate it.