fix: add vue app roots to taro vue3 demos

Author: sonofmagic

demo/taro-vite-vue3-tailwindcss-v3/src/App.vue

@@ -0,0 +1,10 @@
+<template>
+  <slot />
+</template>
+
+<script setup lang="ts">
+import { useLaunch, useShow } from '@tarojs/taro'
+
+useLaunch(() => {})
+useShow(() => {})
+</script>

demo/taro-vite-vue3-tailwindcss-v3/src/app.ts

@@ -1,7 +1,8 @@
 import { createApp } from 'vue'
+import App from './App.vue'
 
 import './app.scss'
 
-const App = createApp({})
+const app = createApp(App)
 
-export default App
+export default app

demo/taro-vite-vue3-tailwindcss-v3/types/vue.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<Record<string, never>, Record<string, never>, any>
+  export default component
+}

demo/taro-vite-vue3-tailwindcss-v4/src/App.vue

@@ -0,0 +1,10 @@
+<template>
+  <slot />
+</template>
+
+<script setup lang="ts">
+import { useLaunch, useShow } from '@tarojs/taro'
+
+useLaunch(() => {})
+useShow(() => {})
+</script>

demo/taro-vite-vue3-tailwindcss-v4/src/app.ts

@@ -1,7 +1,8 @@
 import { createApp } from 'vue'
+import App from './App.vue'
 
 import './app.css'
 
-const App = createApp({})
+const app = createApp(App)
 
-export default App
+export default app

demo/taro-vite-vue3-tailwindcss-v4/types/vue.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<Record<string, never>, Record<string, never>, any>
+  export default component
+}

demo/taro-webpack-vue3-tailwindcss-v3/global.d.ts

@@ -10,6 +10,7 @@ declare module '*.less'
 declare module '*.scss'
 declare module '*.sass'
 declare module '*.styl'
+declare module '*.vue'
 
 declare namespace NodeJS {
   interface ProcessEnv {

demo/taro-webpack-vue3-tailwindcss-v3/src/App.vue

@@ -0,0 +1,10 @@
+<template>
+  <slot />
+</template>
+
+<script setup lang="ts">
+import { useLaunch, useShow } from '@tarojs/taro'
+
+useLaunch(() => {})
+useShow(() => {})
+</script>

demo/taro-webpack-vue3-tailwindcss-v3/src/app.ts

@@ -1,7 +1,8 @@
 import { createApp } from 'vue'
+import App from './App.vue'
 
 import './app.scss'
 
-const App = createApp({})
+const app = createApp(App)
 
-export default App
+export default app

demo/taro-webpack-vue3-tailwindcss-v4/src/App.vue

@@ -0,0 +1,10 @@
+<template>
+  <slot />
+</template>
+
+<script setup lang="ts">
+import { useLaunch, useShow } from '@tarojs/taro'
+
+useLaunch(() => {})
+useShow(() => {})
+</script>