diff --git a/src/ContentContainer.vue b/src/ContentContainer.vue
index f7a02fc..56f4270 100644
--- a/src/ContentContainer.vue
+++ b/src/ContentContainer.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import useContentContainer from './useContentContainer';
+import useContentContainer from './useContentContainer.js';
 
 export default {
   inheritAttrs: false,
diff --git a/src/ContentHeadline.vue b/src/ContentHeadline.vue
index fd41826..c46709e 100644
--- a/src/ContentHeadline.vue
+++ b/src/ContentHeadline.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import useContentHeadline from './useContentHeadline';
+import useContentHeadline from './useContentHeadline.js';
 
 export default {
   inheritAttrs: false,
diff --git a/src/index.js b/src/index.js
index d1642f8..f500e9a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,4 @@
 export { default as ContentContainer } from './ContentContainer.vue';
 export { default as ContentHeadline } from './ContentHeadline.vue';
-export { default as useContentContainer } from './useContentContainer';
-export { default as useContentHeadline } from './useContentHeadline';
+export { default as useContentContainer } from './useContentContainer.js';
+export { default as useContentHeadline } from './useContentHeadline.js';