create-vite-taro 0.6.6 → 0.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-taro",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "Create Vite 8 + React 19 + Taro apps for H5 and WeChat Mini Program targets.",
   "type": "module",
   "bin": {

package/templates/default/package.json

@@ -23,6 +23,6 @@
         "cross-env": "^10.1.0",
         "rolldown": "1.2.3",
         "vite": "8.2.1",
-        "vite-plugin-taro": "^0.6.6"
+        "vite-plugin-taro": "^0.6.7"
     }
 }

package/templates/default/src/app.css

@@ -54,6 +54,10 @@ button {
     line-height: inherit;
 }
 
+.app-shell > .taro_page {
+    height: calc(100% - 2.5rem);
+}
+
 .brand-serif {
     font-family: Georgia, "Times New Roman", serif;
 }

package/templates/default/src/app.tsx

@@ -1,6 +1,8 @@
 import { useLaunch } from 'virtual:taro/api'
+import { View } from 'virtual:taro/components'
 import type { PropsWithChildren } from 'react'
 import './app.css'
+import { Footer } from './components/footer/footer.tsx'
 import { initNavigationBar } from './components/navigation-bar/use-navigation-bar.ts'
 
 function App({ children }: PropsWithChildren) {
@@ -9,7 +11,13 @@ function App({ children }: PropsWithChildren) {
         initNavigationBar()
     })
 
-    return children
+    return (
+        <View className="app-shell flex h-screen flex-col overflow-hidden bg-canvas bg-canvas-botanical text-foreground">
+            {/* H5 requires the routed Page to remain the final child; flex order still places Footer below it. */}
+            <Footer />
+            <>{children}</>
+        </View>
+    )
 }
 
 export default App

package/templates/default/src/components/footer/footer.tsx

@@ -0,0 +1,11 @@
+import { Text, View } from 'virtual:taro/components'
+
+export function Footer() {
+    return (
+        <View className="order-last mt-auto flex h-10 shrink-0 flex-row items-center justify-center border-t border-divider bg-surface-subtle/95 px-5">
+            <Text className="text-center text-xs font-bold tracking-widest text-quiet">
+                VPT · OPEN SOURCE · MIT
+            </Text>
+        </View>
+    )
+}

package/templates/default/src/pages/home/index.tsx

@@ -32,7 +32,7 @@ function HomePage() {
     const [count, setCount] = useState(0)
 
     return (
-        <View className="flex h-screen flex-col overflow-hidden bg-canvas bg-canvas-botanical text-foreground">
+        <View className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
             <NavigationBar title="VPT" />
             <ScrollView scrollY className="flex min-h-0 flex-1 flex-col">
                 <View className="relative flex shrink-0 flex-col items-center overflow-hidden px-5 pb-8 pt-6">
@@ -133,12 +133,6 @@ function HomePage() {
                         <Suspense fallback={<View className="mt-8 min-h-48 rounded-3xl bg-primary" />}>
                             <ApiCard />
                         </Suspense>
-
-                        <View className="flex flex-col items-center px-2 pb-2 pt-9">
-                            <Text className="text-center text-xs font-bold tracking-widest text-quiet">
-                                VPT · OPEN SOURCE · MIT
-                            </Text>
-                        </View>
                     </View>
                 </View>
             </ScrollView>