diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index ebc3674..c6ccee3 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -13,7 +13,6 @@
"antfu.goto-alias",
"mikestead.dotenv",
"redhat.vscode-yaml",
- "Lokalise.i18n-ally",
"Vue.volar",
"steoates.autoimport",
"dbaeumer.vscode-eslint",
diff --git a/.env b/.env
index 4aea97c..6a39d83 100644
--- a/.env
+++ b/.env
@@ -4,7 +4,7 @@
VITE_API_BASE_URL = /api
# 标题
-VITE_APP_TITLE = tov
+VITE_APP_TITLE = 后台
# markdown 渲染支持
@@ -12,7 +12,7 @@ VITE_APP_MARKDOWN = true
# 开发时的开发面板
-VITE_APP_DEV_TOOLS = true
+VITE_APP_DEV_TOOLS = false
# 生产时 mock 支持
diff --git a/README_EN.md b/README_EN.md
deleted file mode 100644
index 082003c..0000000
--- a/README_EN.md
+++ /dev/null
@@ -1,1373 +0,0 @@
-
-
-
- default
-
-```
-
-At this point, `src/pages/index.vue`:
-
-```html
-
-
- home
-
-```
-
-When routing to `/`, the page will render:
-
-```html
-default home
-```
-
-Now, `src/pages/about.vue`:
-
-```html
-
-
- about
-
-```
-
-When routing to `/about`, the page will render:
-
-```html
-default about
-```
-
-
- custom
-
-```
-
-At this point, in `src/pages/index.vue`:
-
-```html
-
-
- home
-
-
-
-
-{
- "meta": {
- "layout": "custom"
- }
-}
-
-```
-
-When routing to `/`, the page will render:
-
-```html
-custom home
-```
-
-See specifically 👉
-[vite-plugin-vue-meta-layouts](https://github.com/dishait/vite-plugin-vue-meta-layouts)
-
-
- data: {{data}}
- loading: {{loading}}
- error: {{error}}
-
-```
-
-Here we use [vue-request](https://cn.attojs.org/) to make requests, but since
-this `mock` intercepts an entire interface, it is also possible to use request
-libraries such as `axios`.
-
-
- {{store.counter}}
-
-```
-
-2. The export from `src/stores` will be automatically imported as needed.
-
-For example, there is a `src/stores/counterStore.ts` file:
-
-```ts
-// default export
-export default defineStore("counter", {
- state() {
- return {
- counter: 1,
- };
- },
- actions: {
- inc() {
- this.counter++;
- },
- },
-});
-```
-
-At this point, there is no need for `import` anymore.
-
-```html
-
-
-
- {{store.counter}}
-
-```
-
-3. `src/api` is also automatically imported on demand, similar to the above.
-
-You can see more details in the
-[unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)
-documentation.
-
-
-
-```
-
-Now, any components defined in the `src/components` directory will be
-automatically imported on demand, meaning that `import` statements are not
-required.
-
-```html
-
-
-
-```
-
-Of course, it also supports nested components, such as
-`src/components/foo/bar.vue` 👇
-
-```html
-
-
-
-```
-
-Automatic importing of popular component libraries is also supported, such as
-`Naive ui`.
-
-You only need to install the dependency.
-
-```shell
-pnpm add naive-ui
-```
-
-Then you can use it in your templates.
-
-```html
-
-
- Success
-
-```
-
-Currently supported component libraries are:
-
-- [vant](https://github.com/youzan/vant)
-- [idux](https://github.com/IDuxFE/idux)
-- [devui](https://github.com/DevCloudFE/vue-devui)
-- [quasar](https://github.com/quasarframework/quasar)
-- [varlet](https://github.com/varletjs/varlet)
-- [inkline](https://github.com/inkline/inkline)
-- [vuetify](https://github.com/vuetifyjs/vuetify)
-- [naive-ui](https://github.com/TuSimple/naive-ui)
-- [primevue](https://github.com/primefaces/primevue)
-- [layui-vue](https://gitee.com/layui/layui-vue)
-- [view-design](https://iviewui.com/)
-- [arco-design](https://github.com/arco-design/arco-design)
-- [element-plus](https://github.com/element-plus/element-plus)
-- [ant-design-vue](https://github.com/vueComponent/ant-design-vue)
-- [@headlessui/vue](https://github.com/tailwindlabs/headlessui)
-- [tdesign-vue-next](https://github.com/Tencent/tdesign-vue-next)
-- [@vueuse/components](https://github.com/vueuse/vueuse/tree/main/packages/components)
-
-Please refer to 👉
-[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)
-
-
-
-
-```
-
-After saving, wait for the automatic download of theAfter saving, wait for the
-automatic download of the icon library and you can see the corresponding icon in
-the page.
-
-I also recommend using the `vscode` plugin
-[Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify).
-
-This plugin displays a preview of the icons in the template.
-
-Of course, dynamic loading of icons is also supported:
-
-```html
-
-
-
-
-
-```
-
-Please note that for dynamic icons, make sure to test all the icons in the
-development environment.
-
-For more information, please refer to
-[unocss/presets/icons](https://unocss.dev/presets/icons).
-
-
- x {{x}}
- y {{y}}
-
-```
-
-Please refer to 👉 [VueUse](https://vueuse.org/)
-
-
- I am white text on a red background.
-
-```
-
-The above template will render white text on a red background.
-
-It also supports [attribute mode](https://unocss.dev/presets/attributify), which
-means you can use shorthand notation.
-
-```html
-
- I am white text on a red background.
-
-```
-
-This can reduce the amount of code when adjusting margin sizes, among other
-things.
-
-For more information, please refer to [unocss](https://unocss.dev/).
-
-
-
-
-```
-
-Please refer to 👉 [vue-dark-switch](https://github.com/dishait/vue-dark-switch)
-
-
- data: {{data}}
- error: {{error}}
- loading: {{loading}}
-
-```
-
-All the basic data, state, and caching are handled for you, so there's no need
-to re-wrap things.
-
-For more information, please refer to [vue-request](https://cn.attojs.org/).
-
-
-
- language: {{ t('index') }} click me!!
-
-
-```
-
-For more detailed instructions, please refer to the
-[@intlify/vite-plugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n)
-and [vue-i18n](https://github.com/intlify/vue-i18n-next).
-
-In addition, `yml` is a popular configuration file format in frontend
-development, and you can find its syntax in Mr. Ruan Yifeng's tutorial:
-[YAML Language Tutorial](http://www.ruanyifeng.com/blog/2016/07/yaml.html).
-
-Here are some recommended VS Code plugins:
-
-- Multifunctional `i18n` support:
- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally)
-
-
-
-```
-
-To change the cover to `/notFound/33.svg`, modify it as follows:
-
-```html
-
-
-
-```
-
-This will switch the cover to:
-
-
-
-Test
;
- },
-});
-```
-
-```html
-
-
-```
-
-For more details, please refer to:
-[@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite/tree/main/packages/plugin-vue-jsx)
-
-
-
-
-```
-
-
-
-
-
-
-
-
-
- {{ availableLocale }}
-
-
-
-
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 468af7f..0fa48f2 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,59 +1,8 @@
-
-
-
- {{ te(r.name) ? t(r.name) : r.name }}
+ {{ r.name }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
diff --git a/src/pages/echarts.vue b/src/components/view/foundation-line.vue
similarity index 80%
rename from src/pages/echarts.vue
rename to src/components/view/foundation-line.vue
index ef08c27..d776786 100644
--- a/src/pages/echarts.vue
+++ b/src/components/view/foundation-line.vue
@@ -1,6 +1,12 @@
+
+
+
+
+
+
-
-
-
-
-
-
-
+
diff --git a/src/plugins/i18n.ts b/src/plugins/i18n.ts
deleted file mode 100644
index 4687c2e..0000000
--- a/src/plugins/i18n.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { defu } from 'defu'
-import { createI18n } from 'vue-i18n'
-
-const yamls = import.meta.glob('../../locales/*/**.y(a)?ml', {
- eager: true,
-})
-
-const languages = Object.entries(yamls).map(([key, value]) => {
- const yaml = key.endsWith('.yaml')
- key = key.slice(14, yaml ? -5 : -4)
- // 如果有子模块，则分割
- if (key.includes('/')) {
- key = key.split('/')[0]
- }
- // @ts-ignore
- return { [key]: value.default }
-})
-
-const messages = defu({}, ...languages)
-
-// localStorage 中的 locale，第二个参数为默认值
-// https://vueuse.org/core/useStorage/#usestorage
-const storageLocale = useStorage('locale', '简体中文')
-
-export const i18n = createI18n({
- messages,
- legacy: false,
- globalInjection: true,
- allowComposition: true,
-})
-
-// 同步本地 localStorage 和 i18n
-// https://vueuse.org/shared/syncRef/#syncref
-syncRef(storageLocale, i18n.global.locale)
-
-export default i18n
diff --git a/src/plugins/mock.ts b/src/plugins/mock.ts
index bc99a40..bfef337 100644
--- a/src/plugins/mock.ts
+++ b/src/plugins/mock.ts
@@ -1,7 +1,6 @@
/**
* 该模块主要给生产时的 mock 用，一般情况下你并不需要关注
*/
-import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
import { createFetchSever } from '../../presets/shared/mock'
const shouldCreateServer =
@@ -18,6 +17,5 @@ if (shouldCreateServer) {
mockModules.push(...v.default)
}
})
- createProdMockServer(mockModules)
createFetchSever(mockModules)
}
diff --git a/src/plugins/router.ts b/src/plugins/router.ts
index c1a9ef5..fa98db3 100644
--- a/src/plugins/router.ts
+++ b/src/plugins/router.ts
@@ -1,15 +1,8 @@
-import { createGetRoutes, setupLayouts } from 'virtual:meta-layouts'
+import { setupLayouts } from 'virtual:meta-layouts'
import { createRouter, createWebHistory } from 'vue-router'
import { routes as fileRoutes } from 'vue-router/auto-routes'
-declare module 'vue-router' {
- // 在这里定义你的 meta 类型
- // eslint-disable-next-line no-unused-vars
- interface RouteMeta {
- title?: string
- layout?: string
- }
-}
+declare module 'vue-router' {}
// 重定向 BASE_URL
fileRoutes.flat(Infinity).forEach((route) => {
@@ -21,6 +14,20 @@ export const router = createRouter({
routes: setupLayouts(fileRoutes),
})
-export const getRoutes = createGetRoutes(router)
+// 路由拦截
+router.beforeEach((to, from, next) => {
+ // 在这里编写拦截逻辑
+ // 例如，检查用户是否认证
+ const isLogin = userStore().isLogin
+ const authList=["/"]
+ if (authList.includes(to.fullPath) && !isLogin) {
+ toast.warning("未登录或者登录过期~")
+ // 如果用户未认证，则跳转到登录页面
+ next('/login');
+ } else {
+ // 如果用户已认证，或者不需要认证，则继续
+ next();
+ }
+});
export default router
diff --git a/src/stores/createCounter.ts b/src/stores/userStore.ts
similarity index 60%
rename from src/stores/createCounter.ts
rename to src/stores/userStore.ts
index 4851f4a..f134ec2 100644
--- a/src/stores/createCounter.ts
+++ b/src/stores/userStore.ts
@@ -1,14 +1,15 @@
import { defineStore } from 'pinia'
-export default defineStore('counter', {
+export default defineStore('userStore', {
state() {
return {
- count: 0,
+ isLogin: false,
+ token: "",
}
},
actions: {
inc() {
- this.count++
+
},
},
persist: true,
diff --git a/src/styles/main.css b/src/styles/main.css
index 5f9753f..f4d523b 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,4 +1,3 @@
-@import './md.css';
html.dark {
@@ -52,4 +51,4 @@ html.dark ::-webkit-scrollbar-track {
html.dark ::-webkit-scrollbar-thumb {
background-color: #343a40;
-}
\ No newline at end of file
+}
diff --git a/src/styles/md.css b/src/styles/md.css
deleted file mode 100644
index a68fa21..0000000
--- a/src/styles/md.css
+++ /dev/null
@@ -1,83 +0,0 @@
-@import 'prism-theme-vars/base.css';
-
-.prose {
- --prism-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
- Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-}
-
-.prose pre {
- font-weight: 500;
- font-size: 1rem;
-}
-
-html:not(.dark) {
- --prism-foreground: #393a34;
- --prism-background: #f8f8f8;
-
- --prism-comment: #868e96;
- --prism-namespace: #444444;
- --prism-string: #bc8671;
- --prism-punctuation: #80817d;
- --prism-literal: #36acaa;
- --prism-keyword: #d73a49;
- --prism-function: #0c4c7d;
- --prism-deleted: #9a050f;
- --prism-class: #2b91af;
- --prism-builtin: #800000;
- --prism-property: #ce9178;
- --prism-regex: #ad502b;
-}
-
-html.dark {
- --prism-foreground: #d4d4d4;
- --prism-background: #1e1e1e;
-
- --prism-namespace: #aaaaaa;
- --prism-comment: #868e96;
- --prism-namespace: #444444;
- --prism-string: #ce9178;
- --prism-punctuation: #d4d4d4;
- --prism-literal: #36acaa;
- --prism-keyword: #0ca678;
- --prism-function: #dcdcaa;
- --prism-deleted: #9a050f;
- --prism-class: #4ec9b0;
- --prism-builtin: #d16969;
- --prism-property: #ce9178;
- --prism-regex: #ad502b;
-}
-ol {
- padding-left: 15px;
-}
-
-.prose blockquote p:first-of-type::before {
- content: none;
-}
-
-.prose pre {
- color: #495057;
- background: #f8f9fa;
-}
-
-.prose-sm p {
- font-weight: 500;
-}
-
-.prose blockquote {
- margin: 0;
- font-style: normal;
-}
-
-html.dark .prose blockquote {
- color: white;
-}
-
-html.dark .prose pre {
- color: #f8f9fa;
- background: #2a2f33;
-}
-
-.token.comment {
- font-style: normal;
- font-size: 0.5rem;
-}
diff --git a/src/test/__snapshots__/index.test.ts.snap b/src/test/__snapshots__/index.test.ts.snap
deleted file mode 100644
index ecbbcf2..0000000
--- a/src/test/__snapshots__/index.test.ts.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`suite name > snapshot 1`] = `
-{
- "foo": "bar",
-}
-`;
diff --git a/src/test/index.test.ts b/src/test/index.test.ts
deleted file mode 100644
index 616df29..0000000
--- a/src/test/index.test.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { assert, describe, expect, it } from 'vitest'
-
-describe('suite name', () => {
- it('foo', () => {
- expect(1 + 1).toEqual(2)
- expect(true).to.be.true
- })
-
- it('bar', () => {
- assert.equal(Math.sqrt(4), 2)
- })
-
- it('snapshot', () => {
- expect({ foo: 'bar' }).toMatchSnapshot()
- })
-})
-
- 
-
-```
-
-To change the cover to `/notFound/33.svg`, modify it as follows:
-
-```html
-
-
- 
-
-```
-
-This will switch the cover to:
-
-
-
-