模板修改

2023-12-07 11:10:09 +08:00
parent 006851755b
commit 5170cbd5b8
7 changed files with 15 additions and 9 deletions
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,9 +7,9 @@ export {}

 declare module 'vue' {
  export interface GlobalComponents {
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElInput: typeof import('element-plus/es')['ElInput']
+    Foot: typeof import('./src/components/Foot.vue')['default']
    Footer: typeof import('./src/components/Footer.vue')['default']
+    Head: typeof import('./src/components/Head.vue')['default']
    Header: typeof import('./src/components/Header.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
--- a/src/components/header.vue
+++ b/src/components/header.vue
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -6,3 +6,4 @@ declare module '*.vue' {
  const component: DefineComponent<{}, {}, any>
  export default component
 }
+declare module 'element-plus/dist/locale/zh-cn.mjs';
--- a/src/main.ts
+++ b/src/main.ts
@@ -10,13 +10,17 @@ import { createApp } from 'vue'
 import router from './router/index' //引入vue-router
 import App from './App.vue'
 import { createPinia } from 'pinia'
-import Footer from '@/components/Footer.vue'
-import Header from '@/components/Header.vue'
+import Foot from '@/components/Foot.vue'
+import Head from '@/components/Head.vue'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import 'element-plus/dist/index.css'
 import 'normalize.css/normalize.css'
 // 挂载到app上
 createApp(App)
  .use(router)
  .use(createPinia())
-  .component('Footer', Footer)
-  .component('Header', Header)
+  .use(ElementPlus)
+  .component('Foot', Foot)
+  .component('Head', Head)
  .mount('#app')
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <Header></Header>
+  <Head></Head>
  <div>根组件{{ store.count }}</div>
-  <Footer></Footer>
+  <Foot></Foot>
 </template>

 <script setup lang="ts">
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,7 +14,8 @@
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "types": ["element-plus/global"]
  },

  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]