Demo
/
vue3-demo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add

master
npmrun 4 years ago
parent
9411e84e58
commit
1c61f9b244
31 changed files with 1727 additions and 1444 deletions
Unified View
  1. 2
      index.html
  2. 13
      src/App.vue
  3. 14
      src/api/index.js
  4. 25
      src/api/index.ts
  5. 19
      src/api/request/index.ts
  6. 10
      src/assets/script/util.ts
  7. 20
      src/assets/style/common.scss
  8. 48
      src/assets/style/reset.scss
  9. 14
      src/components/Image.vue
  10. 12
      src/main.ts
  11. 16
      src/pages/Demo/Demo.vue
  12. 8
      src/pages/Demo/Detail/Detail.vue
  13. 0
      src/pages/Demo/Detail/github-markdown.scss
  14. 12
      src/pages/Demo/Home/Home.vue
  15. 55
      src/pages/Home/Home.scss
  16. 69
      src/pages/Home/Home.vue
  17. 12
      src/plugins/directive/index.ts
  18. 49
      src/plugins/pulldown.ts
  19. 21
      src/plugins/toast.js
  20. 12
      src/plugins/version.ts
  21. 0
      src/router/index.ts
  22. 22
      src/shim.d.ts
  23. 20
      tsconfig.json
  24. 0
      vite.config.ts

2
index.html
View File

@ -8,6 +8,6 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

13
src/App.vue
View File

@ -7,23 +7,24 @@
</router-view> </router-view>
</template> </template>
<script> <script lang="ts">
import {computed} from 'vue' import {computed, defineComponent} from 'vue'
import {useRoute} from 'vue-router' import {useRoute} from 'vue-router'
export default { export default defineComponent({
name: 'App', name: 'App',
setup() { setup() {
const route = useRoute() const route = useRoute()
let isAlive = computed(() => !!route.meta.alive) const { alive = false } = route.meta
let fullPath = computed(() => route.fullPath) let isAlive = computed<boolean>(() => !!alive)
let fullPath= computed<string>(() => route.fullPath)
return { return {
fullPath, fullPath,
isAlive, isAlive,
} }
} }
} })
</script> </script>
<style lang="scss"> <style lang="scss">

14
src/api/index.js
View File

@ -1,14 +0,0 @@
import {onMounted,ref} from "vue"
import {request_} from "./request";
const fuck = {
install(app){
app.provide("$http",fuck)
// app.config.globalProperties.$http = fuck;
},
bannerData: (data)=>request_("GET",'https://gank.io/api/v2/banners',data),
articleData: (data)=>request_("GET",'https://gank.io/api/v2/data/category/GanHuo/type/frontend/page/1/count/10',data),
articleDetail: (data)=>request_("GET",'https://gank.io/api/v2/post/'+data)
}
export default fuck

25
src/api/index.ts
View File

@ -0,0 +1,25 @@
import {onMounted,App} from "vue"
import {request_,EType} from "./request";
type func = (app: App)=>void
type data = (data: { })=>Promise<any>
interface IApi {
install:func;
articleDetail:data;
bannerData:data;
articleData:data;
// [propsName: string]: data | func | void;
}
const fuck:IApi = {
install(app: App){
app.provide("$http",fuck)
// app.config.globalProperties.$http = fuck;
},
bannerData: (data={})=>request_(EType.GET,'https://gank.io/api/v2/banners',data),
articleData: (data={})=>request_(EType.GET,'https://gank.io/api/v2/data/category/GanHuo/type/frontend/page/1/count/10',data),
articleDetail: (data={})=>request_(EType.GET,'https://gank.io/api/v2/post/'+data)
}
export default fuck

19
src/api/request/index.js → src/api/request/index.ts
View File

@ -1,6 +1,6 @@
import axios from "axios" import axios,{AxiosResponse} from "axios"
const checkERR = (err, type) => { const checkERR = (err:AxiosResponse, type:string|number) => {
console.log(err); console.log(err);
switch (type) { switch (type) {
case 0: case 0:
@ -12,9 +12,18 @@ const checkERR = (err, type) => {
} }
} }
export interface IData {
params?: object;
data?: object;
}
export enum EType{
GET= "GET",
POST= "POST"
}
// 静默执行 // 静默执行
export function request_(type = 'GET', url, data = {}, ContentType="application/json") { export function request_(type:EType = EType.GET, url:string, data:IData = {}, ContentType:string="application/json") {
var __data = {} var __data:IData = {}
if (type.toUpperCase() == 'GET') { if (type.toUpperCase() == 'GET') {
__data.params = data __data.params = data
} }
@ -25,7 +34,7 @@ export function request_(type = 'GET', url, data = {}, ContentType="application/
var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)/; var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)/;
var realUrl = url; var realUrl = url;
if (!reg.test(url)) { if (!reg.test(url)) {
realUrl = config.BASEURL + url; realUrl = ''//config.BASEURL + url;
} }
axios({ axios({
url: realUrl, url: realUrl,

10
src/assets/script/util.js → src/assets/script/util.ts
View File

@ -1,11 +1,16 @@
import {App} from "vue";
export function useExportData() { export function useExportData() {
let result = {}; let result:any = {};
result = new Proxy(result,{ result = new Proxy(result,{
get(target, key) { get(target, key) {
// @ts-ignore
return target[key]; return target[key];
}, },
set(target, key, value, receiver) { set(target, key, value, receiver) {
// @ts-ignore
if (target[key]){ if (target[key]){
// @ts-ignore
console.warn(target.toString()+"已存在字段"+key); console.warn(target.toString()+"已存在字段"+key);
} }
return Reflect.set(target, key, value); return Reflect.set(target, key, value);
@ -13,3 +18,6 @@ export function useExportData() {
}) })
return result return result
} }
useExportData.install = (app:App)=>{
app.provide("$export",useExportData);
}

20
src/assets/style/common.scss
View File

@ -1,4 +1,10 @@
@import "./github-markdown.scss"; @import "./reset.scss";
a{
text-decoration: none;
color: inherit;
display: inline-block;
}
html,body{ html,body{
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -16,12 +22,24 @@ html,body{
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.a-wrap{
width: 1160px !important;
margin: 0 auto;
}
.a-clearfix{
@include clearfix;
}
//一行溢出
.a-ov{ .a-ov{
@include ellipsis() @include ellipsis()
} }
//两行溢出
.a-ov2{ .a-ov2{
@include ellipsis(2) @include ellipsis(2)
} }
//图片
.a-image{ .a-image{
position: relative; position: relative;
overflow: hidden; overflow: hidden;

48
src/assets/style/reset.scss
View File

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

14
src/components/Image.vue
View File

@ -5,7 +5,7 @@
</template> </template>
<script> <script>
import {watchEffect,ref} from "vue" import {ref} from "vue"
export default { export default {
props: { props: {
@ -21,26 +21,28 @@
type: String, type: String,
default: '' default: ''
}, },
loading: {
type: Boolean,
default: true
},
className: { className: {
type: String, type: String,
default: '' default: ''
} }
}, },
setup(props) { setup(props) {
const {src} = props; const {src, loading} = props;
let realSrc = ref('') let realSrc = ref('')
watchEffect( async () => { let img = loading ? '/logo.png' : ''
let img = '/logo.png'
let image = new Image() let image = new Image()
realSrc.value = img; realSrc.value = img;
image.src= src; image.src = src;
image.onload = () => { image.onload = () => {
realSrc.value = src; realSrc.value = src;
} }
image.onerror = () => { image.onerror = () => {
realSrc.value = img; realSrc.value = img;
} }
})
return { return {
realSrc realSrc
} }

12
src/main.js → src/main.ts
View File

@ -1,7 +1,9 @@
import {createApp} from 'vue' import {createApp, h} from 'vue'
import router from "./router/index" import router from "./router/index"
// import "@/plugins/toast"
import App from './App.vue' import App from './App.vue'
import api from "./api/index" import api from "./api/index"
import version from "./plugins/version"
import Header from "@/components/Header.vue" import Header from "@/components/Header.vue"
import Image from "@/components/Image.vue" import Image from "@/components/Image.vue"
import Mobile from "@/components/Mobile.vue" import Mobile from "@/components/Mobile.vue"
@ -9,13 +11,17 @@ import Mobile from "@/components/Mobile.vue"
const app = createApp(App); const app = createApp(App);
app.use(router); app.use(router);
app.use(api) app.use(api)
app.use(version)
app.config.globalProperties.name = 'xianyu' app.config.errorHandler=(err)=>{
console.log(err)
}
app.mount('#app')
app.component("Header",Header) app.component("Header",Header)
app.component("Image",Image) app.component("Image",Image)
app.component("Mobile",Mobile) app.component("Mobile",Mobile)
app.mount('#app')

16
src/pages/Demo/Demo.vue
View File

@ -4,20 +4,20 @@
</Mobile> </Mobile>
</template> </template>
<script> <script lang="ts">
import { getCurrentInstance,inject, onMounted } from "vue"; import {defineComponent, getCurrentInstance, inject, onMounted} from "vue";
export default {
setup(props,context) { export default defineComponent({
setup(props, context) {
console.log(context); console.log(context);
// 上面这个context不包含全局变量，应该就是提供一些内置接口用的 // 上面这个context不包含全局变量，应该就是提供一些内置接口用的
// 执行 setup 时，组件实例尚未被创建 // 执行 setup 时，组件实例尚未被创建
const $http = inject('$http') const $http = inject('$http')
console.log($http); console.log($http);
const {ctx} = getCurrentInstance() const instance = getCurrentInstance()
console.log(ctx);
onMounted(() => { onMounted(() => {
console.log("ctx", ctx.name); // xianyu console.log("proxy", instance!.proxy!.$version);
}); });
}, },
}; })
</script> </script>

8
src/pages/Demo/Detail/Detail.vue
View File

@ -13,12 +13,12 @@
<script> <script>
import {useExportData} from '@/assets/script/util.js' import {useExportData} from '@/assets/script/util.js'
import {useRoute} from "vue-router"; import {useRoute} from "vue-router";
import {onMounted,ref,nextTick} from 'vue' import {onMounted, ref, nextTick, inject} from 'vue'
import http from '@/api/index.js'
import markdownIt from "markdown-it" import markdownIt from "markdown-it"
export default { export default {
name: "Detail", name: "Detail",
setup(){ setup(){
const http = inject('$http')
const route = useRoute() const route = useRoute()
const exportData = useExportData() const exportData = useExportData()
let source = ref({}) let source = ref({})
@ -29,6 +29,7 @@
let md = markdownIt(); let md = markdownIt();
let result = md.render(res.data.data.markdown); let result = md.render(res.data.data.markdown);
res.data.data.markdown = result res.data.data.markdown = result
await nextTick()
source.value = res.data.data source.value = res.data.data
}) })
return exportData return exportData
@ -36,6 +37,9 @@
} }
</script> </script>
<style lang="scss">
@import "./github-markdown.scss";
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.page.detail{ .page.detail{
display: flex; display: flex;

0
src/assets/style/github-markdown.scss → src/pages/Demo/Detail/github-markdown.scss
View File

12
src/pages/Demo/Home/Home.vue
View File

@ -48,17 +48,17 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script lang="ts">
import {useRoute, useRouter} from 'vue-router' import {useRoute, useRouter} from 'vue-router'
import {nextTick, onMounted, ref} from 'vue' import {nextTick, onMounted, ref} from 'vue'
import http from '@/api/index.js' import http from '@/api/index.ts'
import pulldown from '@/plugins/pulldown.js' import pulldown from '@/plugins/pulldown'
import {useExportData} from '@/assets/script/util.js' import {useExportData} from '@/assets/script/util'
import Swiper from 'swiper' import Swiper from 'swiper'
import "swiper/swiper.min.css" import "swiper/swiper.min.css"
export default { export default {
setup(props, context) { setup(props:any, context:any) {
const exportData = useExportData() const exportData = useExportData()
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
@ -89,7 +89,7 @@
} }
exportData.isRefresh = isRefresh; exportData.isRefresh = isRefresh;
exportData.isLoading = isLoading; exportData.isLoading = isLoading;
onMounted((done) => { onMounted(() => {
Refreshing(false, true) Refreshing(false, true)
RefreshEvent((done) => { RefreshEvent((done) => {
console.log('下拉刷新') console.log('下拉刷新')

55
src/pages/Home/Home.scss
View File

@ -0,0 +1,55 @@
.box {
background-color: #090723;
height: 200px;
color: white;
}
header {
height: 50px;
line-height: 50px;
.logo {
float: left;
position: relative;
.logo__name {
font-weight: bold;
font-size: 23px;
}
}
.menus {
float: left;
padding-left: 20px;
font-size: 14px;
color: rgba(255, 255, 255, .5);
.menu {
float: left;
margin: 0 20px;
cursor: pointer;
position: relative;
.dropdown {
position: absolute;
top: 100%;
left: 0;
overflow: hidden;
max-height: 0;
background-color: black;
line-height: 1.2;
transition: max-height .5s linear;
}
&:hover {
color: white;
.dropdown {
max-height: none;
}
}
}
}
.operation{
float: right;
color: rgba(255, 255, 255, .5);
&:hover {
color: white;
}
}
}

69
src/pages/Home/Home.vue
View File

@ -1,8 +1,31 @@
<template> <template>
<Header :back="false"> <div class="box">
彩虹Demo列表 <div class="a-wrap a-clearfix">
</Header> <header>
<div class="logo">
<div class="logo__name">电影资源网</div>
</div>
<ul class="menus">
<a href="javascript:void(0)" class="menu">
热门
<div class="dropdown">
<div class="dropdown-item">
qw
</div>
</div>
</a>
<a href="javascript:void(0)" class="menu">科幻</a>
<a href="javascript:void(0)" class="menu">动作</a>
<a href="javascript:void(0)" class="menu">爱情</a>
<a href="javascript:void(0)" class="menu">仙侠</a>
<a href="javascript:void(0)" class="menu">动漫</a>
</ul>
<a class="operation" href="javascript:void(0)">
登录/注册
</a>
</header>
</div>
</div>
<div class="rainbow-list"> <div class="rainbow-list">
<div class="rainbow-item red"> <div class="rainbow-item red">
<router-link to="/demo">Demo页面</router-link> <router-link to="/demo">Demo页面</router-link>
@ -22,51 +45,59 @@
<div class="rainbow-item blue"> <div class="rainbow-item blue">
暂空 暂空
</div> </div>
<div class="rainbow-item purple"> <div class="rainbow-item purple">暂空</div>
暂空
</div>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.rainbow-list{ @import "./Home.scss";
.rainbow-list {
width: 500px; width: 500px;
@include media(xs) { @include media(xs) {
width: 100%; width: 100%;
} }
margin: 0 auto; margin: 0 auto;
margin-top: 20px; margin-top: 20px;
.rainbow-item{
.rainbow-item {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
color: white; color: white;
font-size: 25px; font-size: 25px;
a{
a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
&.red{
&.red {
background-color: red; background-color: red;
} }
&.orange{
&.orange {
background-color: orange; background-color: orange;
} }
&.yellow{
&.yellow {
background-color: yellow; background-color: yellow;
} }
&.green{
&.green {
background-color: green; background-color: green;
} }
&.greenyellow{
&.greenyellow {
background-color: greenyellow; background-color: greenyellow;
} }
&.blue{
&.blue {
background-color: blue; background-color: blue;
} }
&.purple{
&.purple {
background-color: purple; background-color: purple;
} }
} }
} }
</style> </style>

12
src/plugins/directive/index.ts
View File

@ -0,0 +1,12 @@
import {App} from "vue";
export default {
install(app: App) {
app.directive('focus', {
mounted(el) {
el.focus()
}
})
}
}

49
src/plugins/pulldown.js → src/plugins/pulldown.ts
View File

@ -1,15 +1,15 @@
import {onMounted, ref} from "vue"; import {onMounted, ref} from "vue";
export function OnRefresh(hookEvent) { export function OnRefresh(hookEvent:()=>{}) {
} }
export function OnLoadMore(hookEvent) { export function OnLoadMore(hookEvent:()=>{}) {
} }
export default function (el) { export default function (el:string) {
let exportData = {} let exportData:any = {}
let ELoading = { let ELoading = {
NORMAL: 0, NORMAL: 0,
LOADING: 1, LOADING: 1,
@ -26,19 +26,19 @@ export default function (el) {
exportData.isRefresh = isRefresh; exportData.isRefresh = isRefresh;
exportData.isLoading = isLoading; exportData.isLoading = isLoading;
let refreshArray = []; let refreshArray:((done:Function)=>{})[] = [];
exportData.RefreshEvent = (hook) => { exportData.RefreshEvent = (hook:()=>{}) => {
refreshArray.push(hook) refreshArray.push(hook)
} }
let loadMoreArray = []; let loadMoreArray:((done:Function)=>{})[] = [];
exportData.LoadMoreEvent = (hook) => { exportData.LoadMoreEvent = (hook:()=>{}) => {
loadMoreArray.push(hook) loadMoreArray.push(hook)
} }
let list = null let list:HTMLElement|null = null
function Refreshing(needAnim) { function Refreshing(needAnim?:boolean) {
if (!list) { if (!list) {
return return
} }
@ -50,6 +50,9 @@ export default function (el) {
let done = ()=>{ let done = ()=>{
isRefresh.value = ERefresh.END isRefresh.value = ERefresh.END
setTimeout(() => { setTimeout(() => {
if (!list) {
return
}
list.style.transform = `translateY(${0}px)`; list.style.transform = `translateY(${0}px)`;
setTimeout(() => { setTimeout(() => {
isRefresh.value = ERefresh.NORMAL isRefresh.value = ERefresh.NORMAL
@ -68,7 +71,7 @@ export default function (el) {
loadMoreArray.forEach(v => v(done)) loadMoreArray.forEach(v => v(done))
} }
exportData.Refreshing = (type, needAnim) => { exportData.Refreshing = (type:string, needAnim:boolean) => {
setTimeout(() => { setTimeout(() => {
if (type == undefined) { if (type == undefined) {
Refreshing() Refreshing()
@ -77,7 +80,7 @@ export default function (el) {
Refreshing(needAnim) Refreshing(needAnim)
} }
if (!type) { if (!type) {
LoadMoreing(needAnim) LoadMoreing()
} }
},0) },0)
} }
@ -90,14 +93,14 @@ export default function (el) {
let zu = .2 let zu = .2
let pageHeight = window.innerHeight; // 屏幕高度 let pageHeight = window.innerHeight; // 屏幕高度
let moreHeight = 50; let moreHeight = 50;
let parentNode = list.parentNode let parentNode = list!.parentNode
let recordPoint = true // 是否可以记录起始点（下拉加载用） let recordPoint = true // 是否可以记录起始点（下拉加载用）
let canRefresh = true // 是否可以刷新（下拉加载用） let canRefresh = true // 是否可以刷新（下拉加载用）
let canLoading = true // let canLoading = true //
let lastScrollTop = 0 let lastScrollTop = 0
parentNode.addEventListener("scroll", (e) => { parentNode!.addEventListener("scroll", (e) => {
let listHeight = list.offsetHeight; // 列表高度 let listHeight = list!.offsetHeight; // 列表高度
let top = parentNode.scrollTop; let top = (<HTMLElement>parentNode)!.scrollTop;
if (top <= 50) { if (top <= 50) {
//下拉刷新 //下拉刷新
canRefresh = true canRefresh = true
@ -110,10 +113,10 @@ export default function (el) {
} }
lastScrollTop = top lastScrollTop = top
}) })
list.addEventListener("touchstart", (e) => { list!.addEventListener("touchstart", (e) => {
isMove = true isMove = true
}) })
list.addEventListener("touchmove", (e) => { list!.addEventListener("touchmove", (e) => {
if (!isMove || !canRefresh || if (!isMove || !canRefresh ||
(isRefresh.value != ERefresh.NORMAL (isRefresh.value != ERefresh.NORMAL
&& isRefresh.value != ERefresh.PRELOADING && isRefresh.value != ERefresh.PRELOADING
@ -128,8 +131,8 @@ export default function (el) {
} }
let y = (touch.clientY - startY) * zu; let y = (touch.clientY - startY) * zu;
if (y > 0) { if (y > 0) {
list.style.transform = `translateY(${y}px)` list!.style.transform = `translateY(${y}px)`
list.style.transition = '' list!.style.transition = ''
if (y > 70) { if (y > 70) {
isRefresh.value = ERefresh.PRELOADING isRefresh.value = ERefresh.PRELOADING
} else { } else {
@ -138,18 +141,18 @@ export default function (el) {
} }
}) })
list.addEventListener("touchend", (e) => { list!.addEventListener("touchend", (e) => {
isMove = false isMove = false
recordPoint = true recordPoint = true
if (isRefresh.value == ERefresh.LOADING) { if (isRefresh.value == ERefresh.LOADING) {
return return
} }
list.style.transition = `transform .4s ease`; list!.style.transition = `transform .4s ease`;
if (isRefresh.value == ERefresh.PRELOADING) { if (isRefresh.value == ERefresh.PRELOADING) {
Refreshing() Refreshing()
} else { } else {
isRefresh.value = ERefresh.NORMAL isRefresh.value = ERefresh.NORMAL
list.style.transform = `translateY(${0})`; list!.style.transform = `translateY(${0})`;
} }
}) })

21
src/plugins/toast.js
View File

@ -0,0 +1,21 @@
import {createApp, h ,onMounted} from "vue";
let toast = document.createElement("div")
toast.id = "toast";
document.body.appendChild(toast);
const toastData = createApp({
setup(){
return ()=> h("div",{
onClick: ($event)=>{
console.log(toastData)
},
style: {
color: 'red'
},
on:{
}
},"sadsa")
}
}).mount('#toast');

12
src/plugins/version.ts
View File

@ -0,0 +1,12 @@
import { App } from "vue"
declare module '@vue/runtime-core' {
interface ComponentCustomProperties {
$version: string
}
}
export default {
install(app: App) {
app.config.globalProperties.$version = 'xianyu'
}
}

0
src/router/index.js → src/router/index.ts
View File

22
src/shim.d.ts
View File

@ -0,0 +1,22 @@
// 文件路径 shims-vue.d.ts
declare module '*.vue' {
import type { DefineComponent } from 'vue'
const component: DefineComponent<{}, {}, any>
export default component
}
// 对vue进行类型补充说明
// declare module '@vue/runtime-core' {
// interface ComponentCustomProperties {
// name: string
// }
// }
//
// declare module 'vue/types/vue' {
// interface Vue {
// $globalData: any;
// }
// interface ComponentInternalInstance {
// proxy: any
// }
// }

20
tsconfig.json
View File

@ -0,0 +1,20 @@
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"lib": ["esnext", "dom", "node"],
"types": ["vite/client"],
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "vite.config.ts"],
"exclude": ["node_modules"]
}

0
vite.config.js → vite.config.ts
View File

Write Preview
Loading…
Cancel
Save