diff --git a/src/runtime/components/ContentDoc.ts b/src/runtime/components/ContentDoc.vue
similarity index 99%
rename from src/runtime/components/ContentDoc.ts
rename to src/runtime/components/ContentDoc.vue
index d7be877e7..2436395c7 100644
--- a/src/runtime/components/ContentDoc.ts
+++ b/src/runtime/components/ContentDoc.vue
@@ -1,4 +1,4 @@
-
+<script lang="ts">
 import { PropType, defineComponent, h, useSlots } from 'vue'
 import type { QueryBuilderParams } from '../types'
 import ContentRenderer from './ContentRenderer'
@@ -111,3 +111,4 @@ export default defineComponent({
     )
   }
 })
+</script>
diff --git a/src/runtime/components/ContentList.ts b/src/runtime/components/ContentList.vue
similarity index 98%
rename from src/runtime/components/ContentList.ts
rename to src/runtime/components/ContentList.vue
index fc468f5a8..7f6cd6f5f 100644
--- a/src/runtime/components/ContentList.ts
+++ b/src/runtime/components/ContentList.vue
@@ -1,4 +1,4 @@
-
+<script lang="ts">
 import { PropType, defineComponent, h, useSlots } from 'vue'
 import type { QueryBuilderParams } from '../types'
 import ContentQuery from './ContentQuery'
@@ -64,3 +64,4 @@ export default defineComponent({
     )
   }
 })
+</script>
diff --git a/src/runtime/components/ContentNavigation.ts b/src/runtime/components/ContentNavigation.vue
similarity index 98%
rename from src/runtime/components/ContentNavigation.ts
rename to src/runtime/components/ContentNavigation.vue
index b08c9bdf4..164097623 100644
--- a/src/runtime/components/ContentNavigation.ts
+++ b/src/runtime/components/ContentNavigation.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { PropType, toRefs, defineComponent, h, useSlots, computed } from 'vue'
 import { hash } from 'ohash'
 import type { NavItem, QueryBuilderParams } from '../types'
@@ -75,3 +76,4 @@ export default defineComponent({
       : defaultNode(navigation)
   }
 })
+</script>
diff --git a/src/runtime/components/ContentQuery.ts b/src/runtime/components/ContentQuery.vue
similarity index 99%
rename from src/runtime/components/ContentQuery.ts
rename to src/runtime/components/ContentQuery.vue
index fee93189d..11c0a0303 100644
--- a/src/runtime/components/ContentQuery.ts
+++ b/src/runtime/components/ContentQuery.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { hash } from 'ohash'
 import { PropType, toRefs, defineComponent, h, useSlots } from 'vue'
 import type { ParsedContent, QueryBuilder, SortParams } from '../types'
@@ -210,3 +211,4 @@ export default defineComponent({
     return emptyNode('default', { data, props, isPartial })
   }
 })
+</script>
diff --git a/src/runtime/components/ContentRenderer.ts b/src/runtime/components/ContentRenderer.vue
similarity index 98%
rename from src/runtime/components/ContentRenderer.ts
rename to src/runtime/components/ContentRenderer.vue
index 4b4bdf466..2a273147e 100644
--- a/src/runtime/components/ContentRenderer.ts
+++ b/src/runtime/components/ContentRenderer.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { defineComponent, watch, h, useSlots } from 'vue'
 import ContentRendererMarkdown from './ContentRendererMarkdown'
 
@@ -90,3 +91,4 @@ export default defineComponent({
     )
   }
 })
+</script>
diff --git a/src/runtime/components/ContentRendererMarkdown.ts b/src/runtime/components/ContentRendererMarkdown.vue
similarity index 99%
rename from src/runtime/components/ContentRendererMarkdown.ts
rename to src/runtime/components/ContentRendererMarkdown.vue
index 77de4d2dc..c767a1e2c 100644
--- a/src/runtime/components/ContentRendererMarkdown.ts
+++ b/src/runtime/components/ContentRendererMarkdown.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { h, resolveComponent, Text, defineComponent } from 'vue'
 import destr from 'destr'
 import { pascalCase } from 'scule'
@@ -395,3 +396,4 @@ async function resolveContentComponents (body, meta) {
     return components
   }
 }
+</script>
diff --git a/src/runtime/components/DocumentDrivenEmpty.ts b/src/runtime/components/DocumentDrivenEmpty.vue
similarity index 94%
rename from src/runtime/components/DocumentDrivenEmpty.ts
rename to src/runtime/components/DocumentDrivenEmpty.vue
index 2a0d7b5f4..8eacd8aab 100644
--- a/src/runtime/components/DocumentDrivenEmpty.ts
+++ b/src/runtime/components/DocumentDrivenEmpty.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { defineComponent, h } from 'vue'
 import type { PropType } from 'vue'
 import { ParsedContent } from '../types'
@@ -20,3 +21,4 @@ export default defineComponent({
     ])
   }
 })
+</script>
diff --git a/src/runtime/components/DocumentDrivenNotFound.ts b/src/runtime/components/DocumentDrivenNotFound.vue
similarity index 88%
rename from src/runtime/components/DocumentDrivenNotFound.ts
rename to src/runtime/components/DocumentDrivenNotFound.vue
index da7caf348..97af52154 100644
--- a/src/runtime/components/DocumentDrivenNotFound.ts
+++ b/src/runtime/components/DocumentDrivenNotFound.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import { defineComponent, h } from 'vue'
 
 /**
@@ -9,3 +10,4 @@ export default defineComponent({
     return h('div', 'Document not found')
   }
 })
+</script>
diff --git a/src/runtime/components/Markdown.ts b/src/runtime/components/Markdown.vue
similarity index 98%
rename from src/runtime/components/Markdown.ts
rename to src/runtime/components/Markdown.vue
index 20da93bca..5bd66aec0 100644
--- a/src/runtime/components/Markdown.ts
+++ b/src/runtime/components/Markdown.vue
@@ -1,3 +1,4 @@
+<script lang="ts">
 import type { Slot } from 'vue'
 import { defineComponent, getCurrentInstance, useSlots, computed, useUnwrap, h } from '#imports'
 
@@ -76,3 +77,4 @@ export default defineComponent({
     }
   }
 })
+</script>