-
{{ JSON.stringify(routes, null, 2) }}
+
+
index.page.vue
+
commit: {{ VITE_BUILD_COMMIT }}
-
-
diff --git a/src/plugins/primevue.ts b/src/plugins/primevue.ts
index f8ea859..c3c89ac 100644
--- a/src/plugins/primevue.ts
+++ b/src/plugins/primevue.ts
@@ -5,8 +5,10 @@
import Aura from '@primevue/themes/aura';
import zhCN from 'primelocale/zh-CN.json';
import PrimeVue from 'primevue/config';
+import StyleClass from 'primevue/styleclass';
export function install({ app }: { app: import('vue').App
}) {
+ app.directive('styleclass', StyleClass);
app.use(PrimeVue, {
locale: {
...zhCN['zh-CN'],
diff --git a/src/styles/base.css b/src/styles/base.css
index 3cf0848..2ece4b2 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -1,4 +1,5 @@
body {
+ font-weight: normal;
transition:
color 0.5s,
background-color 0.5s;
diff --git a/src/styles/main.less b/src/styles/main.less
index 9c300d8..9677630 100644
--- a/src/styles/main.less
+++ b/src/styles/main.less
@@ -1,10 +1,3 @@
-#app {
- max-width: 1280px;
- margin: 0 auto;
- padding: 1rem;
- font-weight: normal;
-}
-
.green {
text-decoration: none;
color: hsla(160, 100%, 37%, 1);
diff --git a/typed-router.d.ts b/typed-router.d.ts
index 9ea72cd..312a654 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -19,6 +19,7 @@ declare module 'vue-router/auto-routes' {
*/
export interface RouteNamedMap {
'Root': RouteRecordInfo<'Root', '/', Record, Record>,
+ '$Path': RouteRecordInfo<'$Path', '/:path(.*)', { path: ParamValue }, { path: ParamValue }>,
'中文页面': RouteRecordInfo<'中文页面', '/中文-页面', Record, Record>,
'Api': RouteRecordInfo<'Api', '/api', Record, Record>,
'DataLoadersId': RouteRecordInfo<'DataLoadersId', '/data-loaders/:id', { id: ParamValue }, { id: ParamValue }>,
diff --git a/unocss.config.ts b/unocss.config.ts
index eeb63cd..43f0cd9 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -2,6 +2,36 @@
import { defineConfig, presetAttributify, presetUno, transformerDirectives, transformerVariantGroup } from 'unocss';
export default defineConfig({
+ theme: {
+ // https://unocss.dev/presets/wind#differences-from-tailwind-css
+ // https://www.npmjs.com/package/unocss-preset-animations
+ // https://github.com/whatnickcodes/unocss-preset-tailwindcss-motion
+ animation: {
+ keyframes: {
+ scalein: '{0% { opacity: 0; transform: scaleY(0.8); } 100% { opacity: 1; transform: scaleY(1); }}',
+ fadeout: '{0% { opacity: 1; } 100% { opacity: 0; }}',
+ },
+ durations: {
+ scalein: '0.15s',
+ fadeout: '0.15s',
+ },
+ timingFns: {
+ scalein: 'linear',
+ fadeout: 'linear',
+ },
+ properties: {
+ scalein: {
+ transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)',
+ },
+ fadeout: {},
+ },
+ counts: {
+ scalein: '1',
+ fadeout: '1',
+ },
+ },
+ },
+
shortcuts: [
{
'logo-transform': 'i-icon:pacman w-6em h-6em transform transition-800',
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index 07c6143..acfcca6 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -49,7 +49,7 @@ export function Plugins() {
}), // https://vue-macros.dev/zh-CN/guide/bundler-integration.html
// https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
- Layouts({ pagesDirs: [] }),
+ Layouts({ pagesDirs: [], defaultLayout: 'sakai-vue/AppLayout' }),
// https://github.com/antfu/unocss
// see uno.config.ts for config