feat: switch to vite-plugin-pages and update deps

This commit is contained in:
Anthony Fu 2021-01-20 19:31:13 +08:00
parent 559a7751a1
commit 0902d9a625
8 changed files with 94 additions and 59 deletions

View File

@ -58,7 +58,7 @@ Mocking up web app with <b>Vitesse</b><sup><em>(speed)</em></sup><br>
### Plugins ### Plugins
- [Vue Router](https://github.com/vuejs/vue-router) - [Vue Router](https://github.com/vuejs/vue-router)
- [vite-plugin-voie](https://github.com/vamplate/vite-plugin-voie) - file system based routing - [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages) - file system based routing
- [vite-plugin-components](https://github.com/antfu/vite-plugin-components) - components auto import - [vite-plugin-components](https://github.com/antfu/vite-plugin-components) - components auto import
- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA - [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA
- [vite-plugin-md](https://github.com/antfu/vite-plugin-md) - Markdown as components / components in Markdown - [vite-plugin-md](https://github.com/antfu/vite-plugin-md) - Markdown as components / components in Markdown

View File

@ -6,6 +6,7 @@
}, },
"dependencies": { "dependencies": {
"@vueuse/core": "^4.0.8", "@vueuse/core": "^4.0.8",
"@vueuse/head": "^0.2.3",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"vue": "^3.0.5", "vue": "^3.0.5",
"vue-i18n": "^9.0.0-rc.3", "vue-i18n": "^9.0.0-rc.3",
@ -13,7 +14,7 @@
}, },
"devDependencies": { "devDependencies": {
"@antfu/eslint-config-vue": "^0.4.3", "@antfu/eslint-config-vue": "^0.4.3",
"@iconify/json": "^1.1.288", "@iconify/json": "^1.1.289",
"@intlify/vite-plugin-vue-i18n": "^1.0.0-beta.12", "@intlify/vite-plugin-vue-i18n": "^1.0.0-beta.12",
"@tailwindcss/typography": "^0.4.0", "@tailwindcss/typography": "^0.4.0",
"@types/nprogress": "^0.2.0", "@types/nprogress": "^0.2.0",
@ -31,13 +32,13 @@
"postcss-nested": "^5.0.3", "postcss-nested": "^5.0.3",
"tailwindcss": "^2.0.2", "tailwindcss": "^2.0.2",
"typescript": "^4.1.3", "typescript": "^4.1.3",
"vite": "2.0.0-beta.31", "vite": "2.0.0-beta.34",
"vite-plugin-components": "^0.6.6", "vite-plugin-components": "^0.6.6",
"vite-plugin-icons": "^0.2.1", "vite-plugin-icons": "^0.2.1",
"vite-plugin-md": "^0.2.1", "vite-plugin-md": "^0.3.0",
"vite-plugin-pages": "^0.1.4",
"vite-plugin-pwa": "^0.3.9", "vite-plugin-pwa": "^0.3.9",
"vite-plugin-voie": "^0.7.3", "vite-ssg": "^0.4.1",
"vite-ssg": "^0.4.0",
"voie-pages": "^0.4.0" "voie-pages": "^0.4.0"
}, },
"eslintConfig": { "eslintConfig": {

View File

@ -1,12 +1,13 @@
dependencies: dependencies:
'@vueuse/core': 4.0.8_vue@3.0.5 '@vueuse/core': 4.0.8_vue@3.0.5
'@vueuse/head': 0.2.3_vue@3.0.5
nprogress: 0.2.0 nprogress: 0.2.0
vue: 3.0.5 vue: 3.0.5
vue-i18n: 9.0.0-rc.3_vue@3.0.5 vue-i18n: 9.0.0-rc.3_vue@3.0.5
vue-router: 4.0.3_vue@3.0.5 vue-router: 4.0.3_vue@3.0.5
devDependencies: devDependencies:
'@antfu/eslint-config-vue': 0.4.3_eslint@7.18.0+typescript@4.1.3 '@antfu/eslint-config-vue': 0.4.3_eslint@7.18.0+typescript@4.1.3
'@iconify/json': 1.1.288 '@iconify/json': 1.1.289
'@intlify/vite-plugin-vue-i18n': 1.0.0-beta.12 '@intlify/vite-plugin-vue-i18n': 1.0.0-beta.12
'@tailwindcss/typography': 0.4.0_tailwindcss@2.0.2 '@tailwindcss/typography': 0.4.0_tailwindcss@2.0.2
'@types/nprogress': 0.2.0 '@types/nprogress': 0.2.0
@ -24,13 +25,13 @@ devDependencies:
postcss-nested: 5.0.3_postcss@8.2.4 postcss-nested: 5.0.3_postcss@8.2.4
tailwindcss: 2.0.2_d337930ac9ab3cde8278bf6b015e1ea7 tailwindcss: 2.0.2_d337930ac9ab3cde8278bf6b015e1ea7
typescript: 4.1.3 typescript: 4.1.3
vite: 2.0.0-beta.31 vite: 2.0.0-beta.34
vite-plugin-components: 0.6.6 vite-plugin-components: 0.6.6
vite-plugin-icons: 0.2.1_70ed6fa87360281176eb166b7511b480 vite-plugin-icons: 0.2.1_e5c88c3c0e28b872685c1cd2aa188e9a
vite-plugin-md: 0.2.1_ec16015ad1ac271156a575775b02f17b vite-plugin-md: 0.3.0_e6a368fc0bebe9c82eba059b82b82f92
vite-plugin-pages: 0.1.4_vue@3.0.5
vite-plugin-pwa: 0.3.9 vite-plugin-pwa: 0.3.9
vite-plugin-voie: 0.7.3_8cd8a9c28d72903116a3aee8f8b14404 vite-ssg: 0.4.1_f86d2656254d747d8a8d89ded79424e0
vite-ssg: 0.4.0_c1c8625bef6937927a8e877441a5baa7
voie-pages: 0.4.0_vue@3.0.5 voie-pages: 0.4.0_vue@3.0.5
lockfileVersion: 5.2 lockfileVersion: 5.2
packages: packages:
@ -1076,10 +1077,10 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-LFelJDOLZ6JHlmlAkgrvmcu4hpNPB91KYcr4f60D/exzU1eNOb4/KCVHIydGHIQFaOacIOD+Xy+B7P1z812cZg== integrity: sha512-LFelJDOLZ6JHlmlAkgrvmcu4hpNPB91KYcr4f60D/exzU1eNOb4/KCVHIydGHIQFaOacIOD+Xy+B7P1z812cZg==
/@iconify/json/1.1.288: /@iconify/json/1.1.289:
dev: true dev: true
resolution: resolution:
integrity: sha512-m+m89uxYciKcx714zvZ4FUh1kUUVtpNNYr0UoVoYUigSXd2U6A7IaEakqc6gDUkmgUUSDrLB2ajmKHvbJLra1Q== integrity: sha512-KZBT4ypgNiCHzfUxqutisZGU3Bs14xX+/YPAGY6yt0/xTld+CB8W5w8mZMdPfjZHsdygYnR1iHNEJfAuR9BkKg==
/@intlify/cli/0.1.2: /@intlify/cli/0.1.2:
dependencies: dependencies:
'@intlify/core': 9.0.0-beta.16 '@intlify/core': 9.0.0-beta.16
@ -1853,10 +1854,13 @@ packages:
vue: '*' vue: '*'
resolution: resolution:
integrity: sha512-wD0JJUXpRgRBPCnGsAqcVk9Zz545zOmIjGv/1Mlco3rVmal7LEZ3rJh8SnBelxuyVNvRwifkK1gtbT24jY6V8Q== integrity: sha512-wD0JJUXpRgRBPCnGsAqcVk9Zz545zOmIjGv/1Mlco3rVmal7LEZ3rJh8SnBelxuyVNvRwifkK1gtbT24jY6V8Q==
/@vueuse/head/0.2.1: /@vueuse/head/0.2.3_vue@3.0.5:
dev: true dependencies:
vue: 3.0.5
peerDependencies:
vue: '>=3'
resolution: resolution:
integrity: sha512-ju0Hd7ysmWF+x3yPEmaREgKdFNLp+ydkVw44rYBYKySS3GN9+D0fe87JWWhL4MssGEUvmla8A89vIZXOXmaEFg== integrity: sha512-bAFZyUlT6+CVIwMcUw3TrtuhG/BfjS+UV5T8oH30tGPnVvqIsNuRCnNt9EbVd1GxHRDZD0K41515B5NiXPt84A==
/@vueuse/shared/4.0.8_vue@3.0.5: /@vueuse/shared/4.0.8_vue@3.0.5:
dependencies: dependencies:
vue-demi: 0.6.0_vue@3.0.5 vue-demi: 0.6.0_vue@3.0.5
@ -1918,7 +1922,7 @@ packages:
fast-deep-equal: 3.1.3 fast-deep-equal: 3.1.3
fast-json-stable-stringify: 2.1.0 fast-json-stable-stringify: 2.1.0
json-schema-traverse: 0.4.1 json-schema-traverse: 0.4.1
uri-js: 4.4.0 uri-js: 4.4.1
dev: true dev: true
resolution: resolution:
integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@ -2529,6 +2533,12 @@ packages:
node: '>=8' node: '>=8'
resolution: resolution:
integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA== integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
/directory-tree/2.2.5:
dev: true
engines:
node: '>=4.2'
resolution:
integrity: sha512-qmeuql8N7hQB5b+cnlvbcHSjKBNpRjLY5KcvyFd9CTC5uTN7sJshEQ/ExZidAcEUEYcC/76i8ikLtbBMG81YRg==
/doctrine/1.5.0: /doctrine/1.5.0:
dependencies: dependencies:
esutils: 2.0.3 esutils: 2.0.3
@ -3124,6 +3134,17 @@ packages:
node: '>=10' node: '>=10'
resolution: resolution:
integrity: sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ== integrity: sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==
/fs-extra/9.1.0:
dependencies:
at-least-node: 1.0.0
graceful-fs: 4.2.4
jsonfile: 6.1.0
universalify: 2.0.0
dev: true
engines:
node: '>=10'
resolution:
integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
/fs.realpath/1.0.0: /fs.realpath/1.0.0:
dev: true dev: true
resolution: resolution:
@ -5228,6 +5249,12 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g== integrity: sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==
/uri-js/4.4.1:
dependencies:
punycode: 2.1.1
dev: true
resolution:
integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
/util-deprecate/1.0.2: /util-deprecate/1.0.2:
dev: true dev: true
resolution: resolution:
@ -5271,9 +5298,9 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-tOcWm/2T+XUImJ8yFZb/i8dUWXNoraqDdKrBBpfbHGg3MES0T6AN1315iuKYHTG71fwKI0OGElw3S9B04ZUwPA== integrity: sha512-tOcWm/2T+XUImJ8yFZb/i8dUWXNoraqDdKrBBpfbHGg3MES0T6AN1315iuKYHTG71fwKI0OGElw3S9B04ZUwPA==
/vite-plugin-icons/0.2.1_70ed6fa87360281176eb166b7511b480: /vite-plugin-icons/0.2.1_e5c88c3c0e28b872685c1cd2aa188e9a:
dependencies: dependencies:
'@iconify/json': 1.1.288 '@iconify/json': 1.1.289
'@iconify/json-tools': 1.0.10 '@iconify/json-tools': 1.0.10
'@vue/compiler-sfc': 3.0.5_vue@3.0.5 '@vue/compiler-sfc': 3.0.5_vue@3.0.5
dev: true dev: true
@ -5282,18 +5309,30 @@ packages:
'@vue/compiler-sfc': ^3.0.2 '@vue/compiler-sfc': ^3.0.2
resolution: resolution:
integrity: sha512-ZIJ8G2AHwEDt4oDST46E6Uy7W2EtVyoe1hzmJMkutbq3esUkcYVoYydT6Y12lhq1ppnVnShkbc0XzfKqolfCSg== integrity: sha512-ZIJ8G2AHwEDt4oDST46E6Uy7W2EtVyoe1hzmJMkutbq3esUkcYVoYydT6Y12lhq1ppnVnShkbc0XzfKqolfCSg==
/vite-plugin-md/0.2.1_ec16015ad1ac271156a575775b02f17b: /vite-plugin-md/0.3.0_e6a368fc0bebe9c82eba059b82b82f92:
dependencies: dependencies:
'@vue/compiler-sfc': 3.0.5_vue@3.0.5 '@vue/compiler-sfc': 3.0.5_vue@3.0.5
gray-matter: 4.0.2 gray-matter: 4.0.2
markdown-it: 12.0.4 markdown-it: 12.0.4
vite: 2.0.0-beta.31 vite: 2.0.0-beta.34
dev: true dev: true
peerDependencies: peerDependencies:
'@vue/compiler-sfc': ^3.0.5 '@vue/compiler-sfc': ^3.0.5
vite: ^2.0.0-beta.1 vite: ^2.0.0-beta.1
resolution: resolution:
integrity: sha512-iYVkbkgxZp2XFEs9i9liFiXJHsP0hPnuUpjsJSI3EtrgKg/hW2TzikjJPHC06U3bZcIjqCIIwwK8EVc9+AY3Lg== integrity: sha512-GU8wrwJ/gSZcUCFHt7XNspfEPPBrcQcFnXCgPBY5ME+WOk0mtGPvlBg+JCD4iJgCrdkY0zOS8DZKJ9NB6v3rwQ==
/vite-plugin-pages/0.1.4_vue@3.0.5:
dependencies:
debug: 4.3.2
directory-tree: 2.2.5
fast-glob: 3.2.4
glob-to-regexp: 0.4.1
vue-router: 4.0.3_vue@3.0.5
dev: true
peerDependencies:
vue: '*'
resolution:
integrity: sha512-pLjxyE+dz5SUgm0SIxn22MASKfOsDRpxD/Vlcp+Y3s8tt9ZTKtsJaM6kPsJVkZwZC3EHdiSwGhtKd085zKnAqQ==
/vite-plugin-pwa/0.3.9: /vite-plugin-pwa/0.3.9:
dependencies: dependencies:
debug: 4.3.2 debug: 4.3.2
@ -5303,29 +5342,15 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-7UwG/jmBBzmmwFllc6fUmEpXyMYlBZsLBpjBfteHPp4lVptNrXVRT6Ou/ggVjPK2vlJqlh3GzvSo1sCNUxecgw== integrity: sha512-7UwG/jmBBzmmwFllc6fUmEpXyMYlBZsLBpjBfteHPp4lVptNrXVRT6Ou/ggVjPK2vlJqlh3GzvSo1sCNUxecgw==
/vite-plugin-voie/0.7.3_8cd8a9c28d72903116a3aee8f8b14404: /vite-ssg/0.4.1_f86d2656254d747d8a8d89ded79424e0:
dependencies:
fast-glob: 3.2.4
glob-to-regexp: 0.4.1
vite: 2.0.0-beta.31
voie-pages: 0.4.0_vue@3.0.5
vue-router: 4.0.3_vue@3.0.5
dev: true
peerDependencies:
vite: ^2.0.0-beta.3
vue: '*'
vue-router: ^4.0.0-beta.4
resolution:
integrity: sha512-OwAwziXPb8ywKHXfd9E1UXsEF2rRi4Dgb3F020s2lLWdtuY84xQH4JK84XwytFeht3TsexmJpVPHg2y17QdltQ==
/vite-ssg/0.4.0_c1c8625bef6937927a8e877441a5baa7:
dependencies: dependencies:
'@vue/compiler-sfc': 3.0.5_vue@3.0.5 '@vue/compiler-sfc': 3.0.5_vue@3.0.5
'@vue/server-renderer': 3.0.5_vue@3.0.5 '@vue/server-renderer': 3.0.5_vue@3.0.5
'@vueuse/head': 0.2.1 '@vueuse/head': 0.2.3_vue@3.0.5
chalk: 4.1.0 chalk: 4.1.0
fs-extra: 9.0.1 fs-extra: 9.1.0
jsdom: 16.4.0 jsdom: 16.4.0
vite: 2.0.0-beta.31 vite: 2.0.0-beta.34
vue: 3.0.5 vue: 3.0.5
vue-router: 4.0.3_vue@3.0.5 vue-router: 4.0.3_vue@3.0.5
yargs: 16.2.0 yargs: 16.2.0
@ -5340,8 +5365,8 @@ packages:
vue: ^3.0.4 vue: ^3.0.4
vue-router: ^4.0.1 vue-router: ^4.0.1
resolution: resolution:
integrity: sha512-738OzSkjTFVgSE2AUzDi0cahZBDekejnm4WFMIXUA07YnlgmBA03ETESFNmg+h1pPBmjstLGidhgiN0AomgZnQ== integrity: sha512-/RyTOXeEGgLVuy/RChz0acE5aNRyieYqy34VqlF+TVTsEG0t/KZD9u6Ma7VmytcQ+8n3PZh91vTs/XR9pzWOLA==
/vite/2.0.0-beta.31: /vite/2.0.0-beta.34:
dependencies: dependencies:
esbuild: 0.8.31 esbuild: 0.8.31
postcss: 8.2.4 postcss: 8.2.4
@ -5354,7 +5379,7 @@ packages:
optionalDependencies: optionalDependencies:
fsevents: 2.1.3 fsevents: 2.1.3
resolution: resolution:
integrity: sha512-tHBgSsSp0+dbz8tas6zOj2KbJSKOme62jXN13rk8BZdJEum5FDnwon9+7oas4db3NnVBLnciWa1r8QUNoOZjrA== integrity: sha512-D4/2WBf219mZBgDRiKfMwK/07UGiP+d56W2a2SEqf21iMOfM3yNBf3cfTY7qrHoi28EUo8l1LVwkSFPNbFlV2w==
/voie-pages/0.4.0_vue@3.0.5: /voie-pages/0.4.0_vue@3.0.5:
dependencies: dependencies:
vue-router: 4.0.2_vue@3.0.5 vue-router: 4.0.2_vue@3.0.5
@ -5425,7 +5450,6 @@ packages:
/vue-router/4.0.3_vue@3.0.5: /vue-router/4.0.3_vue@3.0.5:
dependencies: dependencies:
vue: 3.0.5 vue: 3.0.5
dev: false
peerDependencies: peerDependencies:
vue: ^3.0.0 vue: ^3.0.0
resolution: resolution:
@ -5787,7 +5811,7 @@ packages:
integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw== integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
specifiers: specifiers:
'@antfu/eslint-config-vue': ^0.4.3 '@antfu/eslint-config-vue': ^0.4.3
'@iconify/json': ^1.1.288 '@iconify/json': ^1.1.289
'@intlify/vite-plugin-vue-i18n': ^1.0.0-beta.12 '@intlify/vite-plugin-vue-i18n': ^1.0.0-beta.12
'@tailwindcss/typography': ^0.4.0 '@tailwindcss/typography': ^0.4.0
'@types/nprogress': ^0.2.0 '@types/nprogress': ^0.2.0
@ -5797,6 +5821,7 @@ specifiers:
'@vue/server-renderer': ^3.0.5 '@vue/server-renderer': ^3.0.5
'@vuedx/typescript-plugin-vue': ^0.6.0 '@vuedx/typescript-plugin-vue': ^0.6.0
'@vueuse/core': ^4.0.8 '@vueuse/core': ^4.0.8
'@vueuse/head': ^0.2.3
autoprefixer: ^10.2.3 autoprefixer: ^10.2.3
cross-env: ^7.0.3 cross-env: ^7.0.3
eslint: ^7.18.0 eslint: ^7.18.0
@ -5807,13 +5832,13 @@ specifiers:
postcss-nested: ^5.0.3 postcss-nested: ^5.0.3
tailwindcss: ^2.0.2 tailwindcss: ^2.0.2
typescript: ^4.1.3 typescript: ^4.1.3
vite: 2.0.0-beta.31 vite: 2.0.0-beta.34
vite-plugin-components: ^0.6.6 vite-plugin-components: ^0.6.6
vite-plugin-icons: ^0.2.1 vite-plugin-icons: ^0.2.1
vite-plugin-md: ^0.2.1 vite-plugin-md: ^0.3.0
vite-plugin-pages: ^0.1.4
vite-plugin-pwa: ^0.3.9 vite-plugin-pwa: ^0.3.9
vite-plugin-voie: ^0.7.3 vite-ssg: ^0.4.1
vite-ssg: ^0.4.0
voie-pages: ^0.4.0 voie-pages: ^0.4.0
vue: ^3.0.5 vue: ^3.0.5
vue-i18n: ^9.0.0-rc.3 vue-i18n: ^9.0.0-rc.3

View File

@ -1,6 +1,6 @@
import './styles/main.postcss' import './styles/main.postcss'
// import routes generated by Voie // import routes generated by Voie
import routes from 'voie-pages' import routes from 'vite-plugin-pages/client'
// progress bar // progress bar
import NProgress from 'nprogress' import NProgress from 'nprogress'
import { ViteSSG } from 'vite-ssg' import { ViteSSG } from 'vite-ssg'

View File

@ -1,7 +1,7 @@
## File-based Routing ## File-based Routing
Routes will auto-generated for Vue files in this dir with the same file structure. Routes will auto-generated for Vue files in this dir with the same file structure.
Check out [`vite-plugin-voie`](https://github.com/vamplate/vite-plugin-voie) for more details. Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) for more details.
### Path Aliasing ### Path Aliasing
@ -10,11 +10,11 @@ You can use `/~/` aliasing to `./src/` folder.
For example, instead of having For example, instead of having
```ts ```ts
import { locales } from '../../../../messages' import { isDark } from '../../../../logics'
``` ```
now you can use now you can use
```ts ```ts
import { locales } from '/~/messages' import { isDark } from '/~/logics'
``` ```

View File

@ -1,3 +1,7 @@
---
title: About
---
<div class="text-4xl text-center -mb-4"> <div class="text-4xl text-center -mb-4">
<!-- You can use Vue components inside markdown --> <!-- You can use Vue components inside markdown -->
<carbon-dicom-overlay class="inline-block" /> <carbon-dicom-overlay class="inline-block" />

View File

@ -232,8 +232,8 @@ html.dark .prose {
color: #808080; color: #808080;
} }
/********************************************************* /*********************************************************
* Line highlighting * Line highlighting
*/ */
pre[data-line] { pre[data-line] {
position: relative; position: relative;
} }
@ -256,4 +256,8 @@ html.dark .prose {
line-height: inherit; line-height: inherit;
white-space: pre; white-space: pre;
} }
code, a code {
color: #eee;
}
} }

View File

@ -1,7 +1,7 @@
import path from 'path' import path from 'path'
import { UserConfig } from 'vite' import { UserConfig } from 'vite'
import Vue from '@vitejs/plugin-vue' import Vue from '@vitejs/plugin-vue'
import Voie from 'vite-plugin-voie' import Pages from 'vite-plugin-pages'
import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons' import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons'
import ViteComponents from 'vite-plugin-components' import ViteComponents from 'vite-plugin-components'
import Markdown from 'vite-plugin-md' import Markdown from 'vite-plugin-md'
@ -18,8 +18,8 @@ const config: UserConfig = {
ssr: !!process.env.SSG, ssr: !!process.env.SSG,
}), }),
// https://github.com/vamplate/vite-plugin-voie // https://github.com/hannoeru/vite-plugin-pages
Voie({ Pages({
// load index page sync and bundled with the landing page to improve first loading time. // load index page sync and bundled with the landing page to improve first loading time.
// feel free to remove if you don't need it // feel free to remove if you don't need it
importMode(path: string) { importMode(path: string) {
@ -32,6 +32,7 @@ const config: UserConfig = {
Markdown({ Markdown({
// for https://github.com/tailwindlabs/tailwindcss-typography // for https://github.com/tailwindlabs/tailwindcss-typography
wrapperClasses: 'prose prose-sm m-auto', wrapperClasses: 'prose prose-sm m-auto',
headEnabled: true,
markdownItSetup(md) { markdownItSetup(md) {
// https://prismjs.com/ // https://prismjs.com/
md.use(Prism) md.use(Prism)