修改

src/App.vue

@@ -7,7 +7,6 @@
 import { computed, defineComponent } from 'vue'
 import Main from './view/main.vue'
 import store from '@/store'
-// import TsxComponentExample from './tsx-component-example'
 
 export default defineComponent({
   name: 'App',

src/tsx-component-example.tsx

-import { computed, defineComponent, PropType, ref } from 'vue'
-
-export default defineComponent({
-  name: 'TsxComponent',
-  props: {
-    msg: {
-      type: String as PropType<string>,
-      default: 'Tsx',
-    },
-  },
-  setup(props) {
-    const count = ref(1)
-    const list = computed(() => {
-      const result: number[] = []
-      for (let i = 0; i < count.value; i++) {
-        result.push(i + 1)
-      }
-      return result
-    })
-    return () => (
-      <>
-        <h1>Hello, {props.msg}</h1>
-        <button onClick={() => (count.value += 1)}>
-          Add count: <b>{count.value}</b>
-        </button>
-        <ul>
-          {list.value.map((_, i) => (
-            <li>{i + 1}</li>
-          ))}
-        </ul>
-      </>
-    )
-  },
-})

src/view/components/property-features.vue

@@ -9,6 +9,11 @@
   </m-card>
 </template>
 
+<script lang="ts">
+export default {
+  name: 'PropertyFeatures',
+}
+</script>
 <script lang="ts" setup>
 import icon4 from '@/assets/images/icon4.png'
 import icon5 from '@/assets/images/icon5.png'

src/view/components/property.vue

@@ -34,6 +34,11 @@
   </m-card>
 </template>
 
+<script lang="ts">
+export default {
+  name: 'Property',
+}
+</script>
 <script lang="ts" setup>
 import icon1 from '@/assets/images/icon1.png'
 import icon2 from '@/assets/images/icon2.png'

vite.config.js

@@ -11,4 +11,7 @@ export default defineConfig({
       '@': resolve(__dirname, './src'),
     },
   },
+  server: {
+    port: 3001,
+  },
 })