fix(docgen): make sure v-slot templates are understood too

Author: elevatebart

packages/vue-inbrowser-compiler/src/__tests__/isCodevueSfc.ts

@@ -44,14 +44,18 @@ describe('isCodeVueSfc', () => {
 	it('should return false if there is templates in the moustache', () => {
 		expect(
 			isCodeVueSfc(`
-			<div :class="isTrue?'firstC':'secondC'">
+			<div>
 				<template #icon>
   					<img class="text-gray-500 w-4 h-4 mr-2" src="~@/assets/svg/info.svg">
 				</template>
+			</div>
+			<div>
 				<template slot="otherIcon">
   					<img class="text-gray-500 w-4 h-4 mr-2" src="~@/assets/svg/info.svg">
 				</template>
-            	{hello}
+				<template v-slot:colonIcon>
+  					<img class="text-gray-500 w-4 h-4 mr-2" src="~@/assets/svg/info.svg">
+				</template>
             </div>
         `)
 		).toBeFalsy()

packages/vue-inbrowser-compiler/src/isCodeVueSfc.ts

@@ -1,10 +1,6 @@
+import { parseComponent } from 'vue-template-compiler'
+
 export default function isCodeVueSfc(code: string) {
-	if (/\n\W*<script/.test(code)) {
-		return true
-	}
-	const temp = /\n\W*<template(.*)>/.exec(code)
-	if (temp) {
-		return !/slot=".*"/.test(temp[1]) && !/#/.test(temp[1])
-	}
-	return false
+	const parts = parseComponent(code)
+	return !!parts.script || !!parts.template
 }