chore: 删除pug

Author: quliangen

README.md

@@ -1,16 +1,15 @@
-# vue3-vant3-h5-template-ts [![Build Status](https://travis-ci.org/quliangen/vue3-vant3-h5-template-ts.svg?branch=master)](https://travis-ci.org/quliangen/vue3-vant3-h5-template-ts)
+# vue3-vant4-h5-template-ts [![Build Status](https://travis-ci.org/quliangen/vue3-vant3-h5-template-ts.svg?branch=master)](https://travis-ci.org/quliangen/vue3-vant3-h5-template-ts)
 ### 预览地址(h5项目请自行f12)：https://quliangen.github.io/vue3-vant3-h5-template-ts/
 ## Features：
 1. vue3 + vue-router4 + pinia
-2. vant-ui3(按需import组件)
+2. vant-ui4(按需import组件)
 3. axios(0.20.0) + 封装示例 + devServer配置示例
-4. pug
-5. less
-6. h5 px 2 viewPort
-7. eslint + prettier （风格校验 + 一键修复）
-8. travis CI push代码自行构建gh-pages
-9. 页面demo：基于vant-demo/base 购物车及详情页
-10. 集成：[plop](https://plopjs.com/documentation/)
+4. less
+5. h5 px 2 viewPort
+6. eslint + prettier （风格校验 + 一键修复）
+7. travis CI push代码自行构建gh-pages
+8. 页面demo：基于vant-demo/base 购物车及详情页(已删除)
+9. 集成：[plop](https://plopjs.com/documentation/)
 
 
 ## RoadMap:

components.d.ts

@@ -1,14 +1,15 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core';
+import '@vue/runtime-core'
 
-export {};
+export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default'];
-    RouterLink: typeof import('vue-router')['RouterLink'];
-    RouterView: typeof import('vue-router')['RouterView'];
+    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VanButton: typeof import('vant/es')['Button']
   }
 }

package.json

@@ -47,7 +47,6 @@
     "ts-jest": "^27.0.4",
     "typescript": "~4.5.5",
     "unplugin-vue-components": "^0.22.11",
-    "vue-cli-plugin-pug": "~2.0.0",
     "vue-jest": "^5.0.0-0",
     "yorkie": "^2.0.0"
   },

plop/templates/components/component.hbs

@@ -0,0 +1,40 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <p>
+      | Vue3 + Pinia + Vant4 + ViewPort + TS
+      <br />
+      组件多 v-model 示例：
+      <br />
+      v-model title
+      <input type="text" :value="title" @input="emits('update:title', $event.target?.value)" />
+      <br />
+      v-model name
+      <input type="text" :value="name" @input="emits('update:name', $event.target?.value)" />
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, defineEmits } from 'vue';
+defineProps(['msg', 'title', 'name']);
+const emits = defineEmits(['update:title', 'update:name']);
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="less">
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

plop/templates/components/component.js.hbs

@@ -0,0 +1,35 @@
+<template>
+  <section class="about">
+    <h1>This is an about page</h1>
+    <div>
+      <span> Pinia demo 来自Home的count </span>
+      <Button type="danger" size="mini" @click="countAdd"> count++ {{ count }} </Button>
+    </div>
+    <div>
+      <span>route 参数信息：{{ route.params }}</span>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { Button } from 'vant';
+import { onMounted, toRefs } from 'vue';
+import { useCount } from '@/stores/useCount';
+import { useRoute } from 'vue-router';
+import { login } from '@/api/index';
+
+const { count, countAdd } = toRefs(useCount());
+const route = useRoute();
+console.log('Router with Composition API demo: ', route);
+// 详见文档：https://next.router.vuejs.org/guide/advanced/composition-api.html#accessing-the-router-and-current-route-inside-setup
+
+onMounted(() => {
+  // axios请求demo：
+  login({
+    name: 'admin',
+    password: '123456',
+  }).then();
+});
+</script>
+
+<style scoped></style>