create-vite-taro 0.7.3-beta.1 → 0.7.3

package/package.json

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

package/templates/default/src/components/botanical-sprig/botanical-sprig.tsx

@@ -1,4 +1,3 @@
-import { View } from 'virtual:taro/components'
 import styles from './botanical-sprig.module.css'
 
 const placementClasses = {
@@ -13,19 +12,19 @@ interface BotanicalSprigProps {
 
 export function BotanicalSprig({ placement }: BotanicalSprigProps) {
     return (
-        <View className={`${styles.botanicalSprig} ${placementClasses[placement]}`} aria-hidden="true">
-            <View className={`${styles.botanicalStem} bg-primary-stem`} />
-            <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafOne} bg-botanical-leaf`} />
-            <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafTwo} bg-botanical-leaf`} />
-            <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafThree} bg-botanical-leaf`} />
-            <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafFour} bg-botanical-leaf`} />
-            <View className={styles.botanicalFlower}>
-                <View className={`${styles.botanicalPetal} ${styles.botanicalPetalOne} bg-petal`} />
-                <View className={`${styles.botanicalPetal} ${styles.botanicalPetalTwo} bg-petal`} />
-                <View className={`${styles.botanicalPetal} ${styles.botanicalPetalThree} bg-petal`} />
-                <View className={`${styles.botanicalPetal} ${styles.botanicalPetalFour} bg-petal`} />
-                <View className={`${styles.botanicalFlowerCenter} bg-sun`} />
-            </View>
-        </View>
+        <div className={`${styles.botanicalSprig} ${placementClasses[placement]}`} aria-hidden="true">
+            <div className={`${styles.botanicalStem} bg-primary-stem`} />
+            <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafOne} bg-botanical-leaf`} />
+            <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafTwo} bg-botanical-leaf`} />
+            <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafThree} bg-botanical-leaf`} />
+            <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafFour} bg-botanical-leaf`} />
+            <div className={styles.botanicalFlower}>
+                <div className={`${styles.botanicalPetal} ${styles.botanicalPetalOne} bg-petal`} />
+                <div className={`${styles.botanicalPetal} ${styles.botanicalPetalTwo} bg-petal`} />
+                <div className={`${styles.botanicalPetal} ${styles.botanicalPetalThree} bg-petal`} />
+                <div className={`${styles.botanicalPetal} ${styles.botanicalPetalFour} bg-petal`} />
+                <div className={`${styles.botanicalFlowerCenter} bg-sun`} />
+            </div>
+        </div>
     )
 }

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

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

package/templates/default/src/pages/home/lazy/api-card.tsx

@@ -1,26 +1,26 @@
 import Taro from 'virtual:taro/api'
-import { Button, Text, View } from 'virtual:taro/components'
 import { BotanicalSprig } from '../../../components/botanical-sprig/botanical-sprig.tsx'
 
 export default function ApiCard() {
     return (
-        <View className="relative mt-8 flex flex-col overflow-hidden rounded-3xl bg-primary p-7 text-white sm:flex-row sm:items-center sm:justify-between sm:p-9">
+        <div className="relative mt-8 flex flex-col overflow-hidden rounded-3xl bg-primary p-7 text-white sm:flex-row sm:items-center sm:justify-between sm:p-9">
             <BotanicalSprig placement="cta" />
-            <View className="relative z-10 flex max-w-lg flex-col">
-                <Text className="text-xs font-bold tracking-widest text-on-primary-accent">TARO API READY</Text>
-                <Text className="brand-serif mt-2 block text-3xl font-semibold text-white">
+            <div className="relative z-10 flex max-w-lg flex-col">
+                <span className="text-xs font-bold tracking-widest text-on-primary-accent">TARO API READY</span>
+                <span className="brand-serif mt-2 block text-3xl font-semibold text-white">
                     Make this starter yours.
-                </Text>
-                <Text className="mt-3 block text-sm leading-6 text-on-primary-muted">
+                </span>
+                <span className="mt-3 block text-sm leading-6 text-on-primary-muted">
                     Add pages, connect your data and ship the same experience to WeChat and H5.
-                </Text>
-            </View>
-            <Button
+                </span>
+            </div>
+            <button
+                type="button"
                 className="relative z-10 mt-6 flex items-center justify-center self-start rounded-full bg-action px-6 py-3 text-sm font-bold text-action-foreground after:border-0 sm:mt-0"
                 onClick={() => Taro.showToast({ title: 'Hello from VPT!' })}
             >
                 Try a Taro toast →
-            </Button>
-        </View>
+            </button>
+        </div>
     )
 }