diff --git a/src/App.vue b/src/App.vue
index 5327ec6..6b6b624 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,6 @@
 import { onMounted, ref } from 'vue';
 import Player from './components/Player.vue';
 import { getVideoDataByHash } from './services/videoLookup';
-import { extractHashFromUrl } from 'catalog/VideoShared';
 
 const manifestUrl = ref<string | null>(null);
 const title = ref('Microfrontends');
@@ -10,7 +9,8 @@ const subtitle = ref('Arquitetura do Futuro');
 const description = ref('Aprenda como construir aplicações escaláveis e modulares usando a arquitetura de microfrontends.');
 
 onMounted(async () => {
-	const hash = extractHashFromUrl();
+	const videoShared = await import('catalog/VideoShared') as any;
+	const hash = videoShared.extractHashFromUrl();
 	
 	if (hash) {
 		const videoData = await getVideoDataByHash(hash);