extract vue-notion as module for nuxt

Author: Geminii

example/nuxt.config.js

@@ -25,13 +25,13 @@ export default {
   components: true,
 
   // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
-  buildModules: [],
+  buildModules: [
+    'vue-notion/nuxt'
+  ],
 
   // Modules (https://go.nuxtjs.dev/config-modules)
   modules: [],
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {
-    transpile: ["vue-notion"],
-  },
+  build: {},
 };

example/package.json

@@ -11,8 +11,9 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "nuxt": "^2.14.12",
-    "prismjs": "^1.22.0",
-    "vue-notion": "^0.2.15"
+    "prismjs": "^1.22.0"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "vue-notion": "^0.2.15"
+  }
 }

example/yarn.lock

@@ -0,0 +1,33 @@
+
+import path from 'path'
+// import defu from 'defu'
+
+module.exports = function (moduleOptions) {
+  // const options = defu({
+  //   ...this.options.notion,
+  //   ...moduleOptions
+  // }, defaultOptions)
+
+  this.nuxt.hook('build:before', () => {
+    console.log('this.options.build => ', this.options.build)
+
+    // Enable transpilation of `src/` directory
+    this.options.build.transpile.push('vue-notion/src')
+
+    console.log('this.options.build after => ', this.options.build)
+
+    this.addPlugin({
+      src: path.resolve(__dirname, 'plugin.js'),
+      mode: 'client',
+      ssr: false,
+      fileName: 'vue-notion.client.js',
+      // options
+    })
+  })
+}
+
+module.exports.meta = require('../package.json')
+
+// export default NotionModule
+
+//export const meta = require('../package.json')

nuxt/index.js

@@ -0,0 +1,8 @@
+import Notion from 'vue-notion'
+
+const NotionPlugin = (context, inject) => {
+  const notion = Notion
+  inject('notion', notion)
+}
+
+export default NotionPlugin

nuxt/plugin.js

@@ -9,10 +9,12 @@
   "files": [
     "dist/**/*.js",
     "dist/**/*.css",
-    "src/**/*.css"
+    "src/**/*.css",
+    "nuxt/*.js"
   ],
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.js",
+    "example": "nuxt example",
     "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
     "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
     "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",