From 4a09e3c96e8b2828e7cf43ef40952f7d2a6e0dad Mon Sep 17 00:00:00 2001 From: William Kim Date: Sun, 29 Aug 2021 15:58:24 +0900 Subject: [PATCH 1/6] inline-equation added --- dev/serve.vue | 3 ++- package.json | 1 + src/blocks/decorator.vue | 17 ++++++++++++++--- 3 files changed, 17 insertions(+), 4 deletions(-) diff --git a/dev/serve.vue b/dev/serve.vue index 8d92b57..e188ff1 100644 --- a/dev/serve.vue +++ b/dev/serve.vue @@ -20,7 +20,8 @@ export default { }, async created() { // react-notion tester: 2e22de6b770e4166be301490f6ffd420 - this.blockMap = await getPageBlocks("2e22de6b770e4166be301490f6ffd420"); + // Equation terser: add9966dd1ae4d839ccec39150f90c5d + this.blockMap = await getPageBlocks("add9966dd1ae4d839ccec39150f90c5d"); }, }; diff --git a/package.json b/package.json index 6d0111b..eab405f 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "dependencies": { "cross-fetch": "^3.0.6", "defu": "^5.0.0", + "katex": "^0.13.16", "vue-fragment": "^1.5.1", "vue-prism-component": "^1.2.0" }, diff --git a/src/blocks/decorator.vue b/src/blocks/decorator.vue index 79d68a8..8021771 100644 --- a/src/blocks/decorator.vue +++ b/src/blocks/decorator.vue @@ -4,8 +4,8 @@ class="notion-link" target="_blank" :href="decoratorValue" - >{{ pageLinkTitle }} + >{{ pageLinkTitle }} + {{ text }} @@ -30,11 +30,17 @@ > + + \ No newline at end of file From 7c2955edd3277f66900887a462bfcd75a68cec60 Mon Sep 17 00:00:00 2001 From: janniks Date: Fri, 3 Sep 2021 21:49:23 +0200 Subject: [PATCH 2/6] Update katex usage --- dev/serve.js | 10 +++-- dev/serve.vue | 5 ++- example/nuxt.config.js | 3 ++ example/plugins/vue-katex.js | 4 ++ package-lock.json | 71 ++++++++++++++++++++++++++++++++++++ package.json | 2 +- src/blocks/decorator.vue | 12 ++---- 7 files changed, 92 insertions(+), 15 deletions(-) create mode 100644 example/plugins/vue-katex.js diff --git a/dev/serve.js b/dev/serve.js index 0f3962b..aa6763d 100644 --- a/dev/serve.js +++ b/dev/serve.js @@ -1,8 +1,12 @@ -import Vue from 'vue'; -import Dev from './serve.vue'; +import Vue from "vue"; +import Dev from "./serve.vue"; + +import VueKatex from "vue-katex"; Vue.config.productionTip = false; +Vue.use(VueKatex); + new Vue({ render: (h) => h(Dev), -}).$mount('#app'); +}).$mount("#app"); diff --git a/dev/serve.vue b/dev/serve.vue index e188ff1..ed90a89 100644 --- a/dev/serve.vue +++ b/dev/serve.vue @@ -9,6 +9,7 @@ import { NotionRenderer, getPageBlocks } from "@/entry"; import "prismjs"; import "prismjs/themes/prism.css"; +import "katex/dist/katex.min.css"; export default { name: "ServeDev", @@ -20,8 +21,8 @@ export default { }, async created() { // react-notion tester: 2e22de6b770e4166be301490f6ffd420 - // Equation terser: add9966dd1ae4d839ccec39150f90c5d - this.blockMap = await getPageBlocks("add9966dd1ae4d839ccec39150f90c5d"); + // equation tester: 2a1d5226d68246deba627012081693f9 + this.blockMap = await getPageBlocks("2e22de6b770e4166be301490f6ffd420"); }, }; diff --git a/example/nuxt.config.js b/example/nuxt.config.js index a0fcd21..6ad5a85 100644 --- a/example/nuxt.config.js +++ b/example/nuxt.config.js @@ -21,4 +21,7 @@ export default { // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules) buildModules: ["vue-notion/nuxt"], + + // Plugins (e.g. vue-katex for equations) + plugins: ["~/plugins/vue-katex.js"], }; diff --git a/example/plugins/vue-katex.js b/example/plugins/vue-katex.js new file mode 100644 index 0000000..5c11840 --- /dev/null +++ b/example/plugins/vue-katex.js @@ -0,0 +1,4 @@ +import Vue from "vue"; +import VueKatex from "vue-katex"; + +Vue.use(VueKatex); diff --git a/package-lock.json b/package-lock.json index 1e872e7..1fa6485 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "cross-fetch": "^3.0.6", "defu": "^5.0.0", "vue-fragment": "^1.5.1", + "vue-katex": "^0.5.0", "vue-prism-component": "^1.2.0" }, "devDependencies": { @@ -8826,6 +8827,24 @@ "promise": "^7.0.1" } }, + "node_modules/katex": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/katex/-/katex-0.12.0.tgz", + "integrity": "sha512-y+8btoc/CK70XqcHqjxiGWBOeIL8upbS0peTPXTvgrh21n1RiWWcIpSWM+4uXq+IAgNh9YYQWdc7LVDPDAEEAg==", + "peer": true, + "dependencies": { + "commander": "^2.19.0" + }, + "bin": { + "katex": "cli.js" + } + }, + "node_modules/katex/node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "peer": true + }, "node_modules/killable": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz", @@ -16104,6 +16123,26 @@ "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==", "dev": true }, + "node_modules/vue-katex": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/vue-katex/-/vue-katex-0.5.0.tgz", + "integrity": "sha512-KsjSK4ftpw9q8SP1OJbigPOozdthOS46+6GmqkToXZVmmPejBHGGmDUxJ/2UtkyAuHf5dHL+2RvOXi/RV77YOA==", + "dependencies": { + "deepmerge": "^4.2.2" + }, + "peerDependencies": { + "katex": "^0.12", + "vue": "^2.6.11" + } + }, + "node_modules/vue-katex/node_modules/deepmerge": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", + "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/vue-loader": { "version": "15.9.8", "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz", @@ -24292,6 +24331,23 @@ "promise": "^7.0.1" } }, + "katex": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/katex/-/katex-0.12.0.tgz", + "integrity": "sha512-y+8btoc/CK70XqcHqjxiGWBOeIL8upbS0peTPXTvgrh21n1RiWWcIpSWM+4uXq+IAgNh9YYQWdc7LVDPDAEEAg==", + "peer": true, + "requires": { + "commander": "^2.19.0" + }, + "dependencies": { + "commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "peer": true + } + } + }, "killable": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz", @@ -30136,6 +30192,21 @@ "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==", "dev": true }, + "vue-katex": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/vue-katex/-/vue-katex-0.5.0.tgz", + "integrity": "sha512-KsjSK4ftpw9q8SP1OJbigPOozdthOS46+6GmqkToXZVmmPejBHGGmDUxJ/2UtkyAuHf5dHL+2RvOXi/RV77YOA==", + "requires": { + "deepmerge": "^4.2.2" + }, + "dependencies": { + "deepmerge": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", + "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==" + } + } + }, "vue-loader": { "version": "15.9.8", "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz", diff --git a/package.json b/package.json index eab405f..78c6303 100644 --- a/package.json +++ b/package.json @@ -29,8 +29,8 @@ "dependencies": { "cross-fetch": "^3.0.6", "defu": "^5.0.0", - "katex": "^0.13.16", "vue-fragment": "^1.5.1", + "vue-katex": "^0.5.0", "vue-prism-component": "^1.2.0" }, "devDependencies": { diff --git a/src/blocks/decorator.vue b/src/blocks/decorator.vue index 8021771..42bd6ff 100644 --- a/src/blocks/decorator.vue +++ b/src/blocks/decorator.vue @@ -30,17 +30,16 @@ > - \ No newline at end of file +