remove defineProps warn

Author: ewilan-riviere

src/components/body.ts

@@ -1,4 +1,5 @@
-import { defineProps, h } from 'vue'
+import type { PropType } from 'vue'
+import { h } from 'vue'
 import header from './header'
 import main from './main'
 import type { Podcast } from '~/models/Podcast'
@@ -8,7 +9,12 @@ interface Props {
 }
 
 export default {
-  props: defineProps<Props>(),
+  props: {
+    podcast: {
+      type: Object as PropType<Podcast>,
+      required: true,
+    },
+  },
   setup(props: Props) {
     return h('body', [
       header.setup({ podcast: props.podcast }),

src/components/head.ts

@@ -1,12 +1,21 @@
-import { defineProps, h } from 'vue'
+import { h } from 'vue'
 
 interface Props {
   title?: string
   css?: string
 }
 
 export default {
-  props: defineProps<Props>(),
+  props: {
+    title: {
+      type: String,
+      required: false,
+    },
+    css: {
+      type: String,
+      required: false,
+    },
+  },
   setup(props: Props) {
     return h('head', [
       h('meta', {

src/components/header.ts

@@ -1,12 +1,18 @@
-import { defineProps, h } from 'vue'
+import type { PropType } from 'vue'
+import { h } from 'vue'
 import type { Podcast } from '~/models/Podcast'
 
 interface Props {
   podcast?: Podcast
 }
 
 export default {
-  props: defineProps<Props>(),
+  props: {
+    podcast: {
+      type: Object as PropType<Podcast>,
+      required: true,
+    },
+  },
   setup(props: Props) {
     const subscribe = {
       en: 'Subscribe to podcast',

src/components/html.ts

@@ -1,4 +1,5 @@
-import { defineProps, h } from 'vue'
+import type { PropType } from 'vue'
+import { h } from 'vue'
 import head from './head'
 import body from './body'
 import type { Podcast } from '~/models/Podcast'
@@ -9,7 +10,16 @@ interface Props {
 }
 
 export default {
-  props: defineProps<Props>(),
+  props: {
+    podcast: {
+      type: Object as PropType<Podcast>,
+      required: true,
+    },
+    css: {
+      type: String,
+      required: false,
+    },
+  },
   setup(props: Props) {
     return h('html', {
       lang: props.podcast.language,

src/components/index.ts

@@ -11,7 +11,7 @@ interface Options {
   }
 }
 
-async function createDom(options: Options): Promise<string> {
+async function renderDom(options: Options): Promise<string> {
   const css = await readFile(`${cwd()}/src/components/feed.css`, 'utf-8')
   options.props.css = css
 
@@ -21,5 +21,5 @@ async function createDom(options: Options): Promise<string> {
 }
 
 export {
-  createDom,
+  renderDom,
 }

src/components/main.ts

@@ -1,12 +1,18 @@
-import { defineProps, h } from 'vue'
+import type { PropType } from 'vue'
+import { h } from 'vue'
 import type { Podcast } from '~/models/Podcast'
 
 interface Props {
   podcast?: Podcast
 }
 
 export default {
-  props: defineProps<Props>(),
+  props: {
+    podcast: {
+      type: Object as PropType<Podcast>,
+      required: true,
+    },
+  },
   setup(props: Props) {
     const published = {
       en: 'Published',

src/models/Podcast.ts

@@ -1,4 +1,4 @@
-import { createDom } from '../components'
+import { renderDom } from '../components'
 import type { Channel } from '../types'
 import { Episode } from './Episode'
 
@@ -89,7 +89,7 @@ export class Podcast {
   }
 
   public async render(): Promise<string> {
-    return await createDom({
+    return await renderDom({
       props: {
         podcast: this,
       },