chore: initialize
ChenZhaoYu
2 years ago
commit
6ad8d59dc4
@ -0,0 +1,11 @@
|
|||||||
|
# Editor configuration, see http://editorconfig.org
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = tab
|
||||||
|
indent_size = 2
|
||||||
|
end_of_line = lf
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
@ -0,0 +1 @@
|
|||||||
|
components.d.ts
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
module.exports = {
|
||||||
|
root: true,
|
||||||
|
extends: ['@antfu'],
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
"*.vue" eol=lf
|
||||||
|
"*.js" eol=lf
|
||||||
|
"*.ts" eol=lf
|
||||||
|
"*.jsx" eol=lf
|
||||||
|
"*.tsx" eol=lf
|
||||||
|
"*.cjs" eol=lf
|
||||||
|
"*.cts" eol=lf
|
||||||
|
"*.mjs" eol=lf
|
||||||
|
"*.mts" eol=lf
|
||||||
|
"*.json" eol=lf
|
||||||
|
"*.html" eol=lf
|
||||||
|
"*.css" eol=lf
|
||||||
|
"*.less" eol=lf
|
||||||
|
"*.scss" eol=lf
|
||||||
|
"*.sass" eol=lf
|
||||||
|
"*.styl" eol=lf
|
||||||
|
"*.md" eol=lf
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
.DS_Store
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
coverage
|
||||||
|
*.local
|
||||||
|
|
||||||
|
/cypress/videos/
|
||||||
|
/cypress/screenshots/
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
registry=https://registry.npmmirror.com/
|
||||||
|
shamefully-hoist=true
|
||||||
|
strict-peer-dependencies=false
|
||||||
|
auto-install-peers=true
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"semi": false,
|
||||||
|
"singleQuote": true
|
||||||
|
}
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-cmn-Hans">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>ChatGPT Bot</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app">
|
||||||
|
<style>
|
||||||
|
.loading-wrap {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balls {
|
||||||
|
width: 4em;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balls div {
|
||||||
|
width: 0.8em;
|
||||||
|
height: 0.8em;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #267dff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balls div:nth-of-type(1) {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
animation: left-swing 0.5s ease-in alternate infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balls div:nth-of-type(3) {
|
||||||
|
transform: translateX(-95%);
|
||||||
|
animation: right-swing 0.5s ease-out alternate infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes left-swing {
|
||||||
|
50%,
|
||||||
|
100% {
|
||||||
|
transform: translateX(95%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes right-swing {
|
||||||
|
50% {
|
||||||
|
transform: translateX(-95%);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="loading-wrap">
|
||||||
|
<div class="balls">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"name": "chatgpt-bot",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "run-p type-check build-only",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"build-only": "vite build",
|
||||||
|
"type-check": "vue-tsc --noEmit",
|
||||||
|
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@vueuse/core": "^9.12.0",
|
||||||
|
"dayjs": "^1.11.7",
|
||||||
|
"naive-ui": "^2.34.3",
|
||||||
|
"pinia": "^2.0.28",
|
||||||
|
"vue": "^3.2.45"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@antfu/eslint-config": "^0.35.2",
|
||||||
|
"@iconify/json": "^2.2.19",
|
||||||
|
"@iconify/vue": "^4.1.0",
|
||||||
|
"@types/node": "^18.11.12",
|
||||||
|
"@vitejs/plugin-vue": "^4.0.0",
|
||||||
|
"@vitejs/plugin-vue-jsx": "^3.0.0",
|
||||||
|
"autoprefixer": "^10.4.13",
|
||||||
|
"axios": "^1.3.2",
|
||||||
|
"eslint": "^8.22.0",
|
||||||
|
"less": "^4.1.3",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"postcss": "^8.4.21",
|
||||||
|
"prettier": "^2.7.1",
|
||||||
|
"tailwindcss": "^3.2.6",
|
||||||
|
"typescript": "~4.7.4",
|
||||||
|
"unplugin-icons": "^0.15.2",
|
||||||
|
"vite": "^4.0.0",
|
||||||
|
"vite-plugin-svg-icons": "^2.0.1",
|
||||||
|
"vue-tsc": "^1.0.12"
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
<svg id="openai-symbol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.71,13.09A8.09,8.09,0,0,0,20.34,2.68a8.08,8.08,0,0,0-13.7,2.9A8.08,8.08,0,0,0,2.3,18.9,8,8,0,0,0,3,25.45a8.08,8.08,0,0,0,8.69,3.87,8,8,0,0,0,6,2.68,8.09,8.09,0,0,0,7.7-5.61,8,8,0,0,0,5.33-3.86A8.09,8.09,0,0,0,29.71,13.09Zm-12,16.82a6,6,0,0,1-3.84-1.39l.19-.11,6.37-3.68a1,1,0,0,0,.53-.91v-9l2.69,1.56a.08.08,0,0,1,.05.07v7.44A6,6,0,0,1,17.68,29.91ZM4.8,24.41a6,6,0,0,1-.71-4l.19.11,6.37,3.68a1,1,0,0,0,1,0l7.79-4.49V22.8a.09.09,0,0,1,0,.08L13,26.6A6,6,0,0,1,4.8,24.41ZM3.12,10.53A6,6,0,0,1,6.28,7.9v7.57a1,1,0,0,0,.51.9l7.75,4.47L11.85,22.4a.14.14,0,0,1-.09,0L5.32,18.68a6,6,0,0,1-2.2-8.18Zm22.13,5.14-7.78-4.52L20.16,9.6a.08.08,0,0,1,.09,0l6.44,3.72a6,6,0,0,1-.9,10.81V16.56A1.06,1.06,0,0,0,25.25,15.67Zm2.68-4-.19-.12-6.36-3.7a1,1,0,0,0-1.05,0l-7.78,4.49V9.2a.09.09,0,0,1,0-.09L19,5.4a6,6,0,0,1,8.91,6.21ZM11.08,17.15,8.38,15.6a.14.14,0,0,1-.05-.08V8.1a6,6,0,0,1,9.84-4.61L18,3.6,11.61,7.28a1,1,0,0,0-.53.91ZM12.54,14,16,12l3.47,2v4L16,20l-3.47-2Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,17 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { NConfigProvider, dateZhCN, zhCN } from 'naive-ui'
|
||||||
|
import NaiveProvider from '@/components/NaiveProvider.vue'
|
||||||
|
import Chat from '@/views/Chat/index.vue'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<NConfigProvider :locale="zhCN" :date-locale="dateZhCN" class="h-full" preflight-style-disabled>
|
||||||
|
<NaiveProvider>
|
||||||
|
<div class="flex h-full">
|
||||||
|
<div class="w-[700px] h-[600px] m-auto">
|
||||||
|
<Chat />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</NaiveProvider>
|
||||||
|
</NConfigProvider>
|
||||||
|
</template>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
@ -0,0 +1,34 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { defineComponent, h } from 'vue'
|
||||||
|
import { NDialogProvider, NLoadingBarProvider, NMessageProvider, NNotificationProvider, useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui'
|
||||||
|
|
||||||
|
function registerNaiveTools() {
|
||||||
|
window.$loadingBar = useLoadingBar()
|
||||||
|
window.$dialog = useDialog()
|
||||||
|
window.$message = useMessage()
|
||||||
|
window.$notification = useNotification()
|
||||||
|
}
|
||||||
|
|
||||||
|
const NaiveProviderContent = defineComponent({
|
||||||
|
name: 'NaiveProviderContent',
|
||||||
|
setup() {
|
||||||
|
registerNaiveTools()
|
||||||
|
},
|
||||||
|
render() {
|
||||||
|
return h('div')
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<NLoadingBarProvider>
|
||||||
|
<NDialogProvider>
|
||||||
|
<NNotificationProvider>
|
||||||
|
<NMessageProvider>
|
||||||
|
<slot />
|
||||||
|
<NaiveProviderContent />
|
||||||
|
</NMessageProvider>
|
||||||
|
</NNotificationProvider>
|
||||||
|
</NDialogProvider>
|
||||||
|
</NLoadingBarProvider>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<script setup lang='ts'>
|
||||||
|
import { computed, useAttrs } from 'vue'
|
||||||
|
import { Icon } from '@iconify/vue'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
icon?: string
|
||||||
|
localIcon?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>()
|
||||||
|
|
||||||
|
const attrs = useAttrs()
|
||||||
|
|
||||||
|
const bindAttrs = computed<{ class: string; style: string }>(() => ({
|
||||||
|
class: (attrs.class as string) || '',
|
||||||
|
style: (attrs.style as string) || '',
|
||||||
|
}))
|
||||||
|
|
||||||
|
const symbolId = computed(() => {
|
||||||
|
const icon = props.localIcon || 'no-icon'
|
||||||
|
return `#icon-local-${icon}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const renderLocalIcon = computed(() => props.localIcon || !props.icon)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<template v-if="renderLocalIcon">
|
||||||
|
<svg aria-hidden="true" width="1em" height="1em" v-bind="bindAttrs">
|
||||||
|
<use :xlink:href="symbolId" fill="currentColor" />
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<Icon v-if="icon" :icon="icon" v-bind="bindAttrs" />
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
import SvgIcon from './SvgIcon.vue'
|
||||||
|
|
||||||
|
export { SvgIcon }
|
||||||
@ -0,0 +1 @@
|
|||||||
|
<svg id="openai-symbol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.71,13.09A8.09,8.09,0,0,0,20.34,2.68a8.08,8.08,0,0,0-13.7,2.9A8.08,8.08,0,0,0,2.3,18.9,8,8,0,0,0,3,25.45a8.08,8.08,0,0,0,8.69,3.87,8,8,0,0,0,6,2.68,8.09,8.09,0,0,0,7.7-5.61,8,8,0,0,0,5.33-3.86A8.09,8.09,0,0,0,29.71,13.09Zm-12,16.82a6,6,0,0,1-3.84-1.39l.19-.11,6.37-3.68a1,1,0,0,0,.53-.91v-9l2.69,1.56a.08.08,0,0,1,.05.07v7.44A6,6,0,0,1,17.68,29.91ZM4.8,24.41a6,6,0,0,1-.71-4l.19.11,6.37,3.68a1,1,0,0,0,1,0l7.79-4.49V22.8a.09.09,0,0,1,0,.08L13,26.6A6,6,0,0,1,4.8,24.41ZM3.12,10.53A6,6,0,0,1,6.28,7.9v7.57a1,1,0,0,0,.51.9l7.75,4.47L11.85,22.4a.14.14,0,0,1-.09,0L5.32,18.68a6,6,0,0,1-2.2-8.18Zm22.13,5.14-7.78-4.52L20.16,9.6a.08.08,0,0,1,.09,0l6.44,3.72a6,6,0,0,1-.9,10.81V16.56A1.06,1.06,0,0,0,25.25,15.67Zm2.68-4-.19-.12-6.36-3.7a1,1,0,0,0-1.05,0l-7.78,4.49V9.2a.09.09,0,0,1,0-.09L19,5.4a6,6,0,0,1,8.91,6.21ZM11.08,17.15,8.38,15.6a.14.14,0,0,1-.05-.08V8.1a6,6,0,0,1,9.84-4.61L18,3.6,11.61,7.28a1,1,0,0,0-.53.91ZM12.54,14,16,12l3.47,2v4L16,20l-3.47-2Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,22 @@
|
|||||||
|
import 'virtual:svg-icons-register'
|
||||||
|
import './styles/css/tailwind.css'
|
||||||
|
import './styles/less/global.less'
|
||||||
|
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import { createPinia } from 'pinia'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
function injectMeta() {
|
||||||
|
const meta = document.createElement('meta')
|
||||||
|
meta.name = 'naive-ui-style'
|
||||||
|
document.head.appendChild(meta)
|
||||||
|
}
|
||||||
|
|
||||||
|
function bootstrap() {
|
||||||
|
const app = createApp(App)
|
||||||
|
injectMeta()
|
||||||
|
app.use(createPinia())
|
||||||
|
app.mount('#app')
|
||||||
|
}
|
||||||
|
|
||||||
|
bootstrap()
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
interface Window {
|
||||||
|
$loadingBar?: import('naive-ui').LoadingBarProviderInst;
|
||||||
|
$dialog?: import('naive-ui').DialogProviderInst;
|
||||||
|
$message?: import('naive-ui').MessageProviderInst;
|
||||||
|
$notification?: import('naive-ui').NotificationProviderInst;
|
||||||
|
}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
<script setup lang='ts'>
|
||||||
|
import { SvgIcon } from '@/components'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
user?: boolean
|
||||||
|
date?: string
|
||||||
|
message?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
defineProps<Props>()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="flex w-full mb-6" :class="[{ 'flex-row-reverse': user }]">
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center rounded-full overflow-hidden w-[32px] h-[32px]"
|
||||||
|
:class="[user ? 'ml-3' : 'mr-3']"
|
||||||
|
>
|
||||||
|
<img v-if="user" src="@/assets/avatar.jpg" class="object-cover w-full h-full " alt="avatar">
|
||||||
|
<SvgIcon v-else local-icon="logo" class="text-[26px]" />
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col text-sm" :class="[{ 'items-end': user }]">
|
||||||
|
<span class="text-xs text-[#b4bbc4]">
|
||||||
|
{{ date }}
|
||||||
|
</span>
|
||||||
|
<div class="p-2 mt-2 rounded-md" :class="[user ? 'bg-[#d2f9d1]' : 'bg-[#f4f6f8]']">
|
||||||
|
{{ message }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
<script setup lang='ts'>
|
||||||
|
import { NButton, NInput, NScrollbar } from 'naive-ui'
|
||||||
|
import Message from './components/Message.vue'
|
||||||
|
import { SvgIcon } from '@/components'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="h-full p-4">
|
||||||
|
<div class="flex flex-col h-full overflow-hidden border rounded-md shadow-md">
|
||||||
|
<header class="flex items-center justify-between p-4">
|
||||||
|
<div>会话</div>
|
||||||
|
<div> </div>
|
||||||
|
</header>
|
||||||
|
<main class="flex-1 overflow-hidden border-y">
|
||||||
|
<div class="h-full">
|
||||||
|
<NScrollbar class="h-full p-4">
|
||||||
|
<div>
|
||||||
|
<Message date="10 hours ago" message="hello world" />
|
||||||
|
<Message date="10 hours ago" message="Reprehenderit ut voluptas sapiente ratione nostrum est." user />
|
||||||
|
<Message date="10 hours ago" message="hello world" />
|
||||||
|
<Message date="10 hours ago" message="Reprehenderit ut voluptas sapiente ratione nostrum est." user />
|
||||||
|
<Message date="10 hours ago" message="hello world" />
|
||||||
|
<Message date="10 hours ago" message="Reprehenderit ut voluptas sapiente ratione nostrum est." user />
|
||||||
|
<Message date="10 hours ago" message="hello world" />
|
||||||
|
<Message date="10 hours ago" message="Reprehenderit ut voluptas sapiente ratione nostrum est." user />
|
||||||
|
<Message date="10 hours ago" message="hello world" />
|
||||||
|
<Message date="10 hours ago" message="Reprehenderit ut voluptas sapiente ratione nostrum est." user />
|
||||||
|
</div>
|
||||||
|
</NScrollbar>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="p-4">
|
||||||
|
<div class="flex items-center justify-between space-x-2">
|
||||||
|
<NInput placeholder="Type a message" />
|
||||||
|
<NButton type="primary">
|
||||||
|
<SvgIcon icon="ri:send-plane-fill" />
|
||||||
|
</NButton>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: [
|
||||||
|
'./index.html',
|
||||||
|
'./src/**/*.{vue,js,ts,jsx,tsx}',
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": ".",
|
||||||
|
"module": "ESNext",
|
||||||
|
"target": "ESNext",
|
||||||
|
"lib": ["DOM", "ESNext"],
|
||||||
|
"strict": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"strictNullChecks": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"paths": {
|
||||||
|
"~/*": ["./*"],
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
},
|
||||||
|
"types": ["vite/client", "node", "naive-ui/volar"]
|
||||||
|
},
|
||||||
|
"exclude": ["node_modules", "dist"]
|
||||||
|
}
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
import path from 'path'
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
import vueJsx from '@vitejs/plugin-vue-jsx'
|
||||||
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||||||
|
|
||||||
|
export default defineConfig(() => {
|
||||||
|
return {
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'~': path.resolve(process.cwd()),
|
||||||
|
'@': path.resolve(process.cwd(), 'src'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [vue(), vueJsx(), createSvgIconsPlugin({
|
||||||
|
iconDirs: [path.resolve(process.cwd(), 'src/icons')],
|
||||||
|
symbolId: 'icon-local-[dir]-[name]',
|
||||||
|
inject: 'body-last',
|
||||||
|
customDomId: '__svg__icons__dom__',
|
||||||
|
})],
|
||||||
|
server: {
|
||||||
|
port: 1002,
|
||||||
|
host: '0.0.0.0',
|
||||||
|
open: false,
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
reportCompressedSize: false,
|
||||||
|
sourcemap: false,
|
||||||
|
commonjsOptions: {
|
||||||
|
ignoreTryCatch: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue