Move to vite for vue 3

Author: janniks

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

build/postcss.js

@@ -1,14 +1,14 @@
-import Vue from "vue";
-import Dev from "./serve.vue";
+import { createApp } from "vue";
+import App from "./serve.vue";
 
-import VueKatex from "vue-katex";
+import Vue3Katex from "@hsorby/vue3-katex";
 import { NotionRenderer } from "@/entry";
 
-Vue.use(VueKatex);
-Vue.component("NotionRenderer", NotionRenderer);
+const app = createApp(App);
 
-Vue.config.productionTip = false;
+console.log(app);
 
-new Vue({
-  render: h => h(Dev)
-}).$mount("#app");
+app.use(Vue3Katex);
+app.component("NotionRenderer", NotionRenderer);
+
+app.mount("#app");

build/rollup.config.js

@@ -166,7 +166,7 @@ import "prismjs/themes/prism.css";
 
 The following steps are required to display equations via katex
 
-- Install `vue-katex` to your project – `npm install vue-katex`
+- Install `@hsorby/vue3-katex` to your project – `npm install @hsorby/vue3-katex`
 - Import the katex css in your project
 
 ```js
@@ -177,8 +177,8 @@ import "katex/dist/katex.min.css";
 
 ```js
 import Vue from "vue";
-import VueKatex from "vue-katex";
-Vue.use(VueKatex);
+import Vue3Katex from "@hsorby/vue3-katex";
+Vue.use(Vue3Katex);
 ```
 
 - Add the `katex` flag to the `NotionRenderer`

dev/serve.js

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import VueKatex from "vue-katex";
+import Vue3Katex from "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 
-Vue.use(VueKatex);
+Vue.use(Vue3Katex);

docs/README.md

@@ -1,6 +1,5 @@
 import Vue from "vue";
-import VueNotion from "vue-notion";
-import { getPageBlocks, getPageTable } from "vue-notion";
+import VueNotion, { getPageBlocks, getPageTable } from "vue-notion";
 
 Vue.use(VueNotion);