refactor example

Author: janniks

example/plugins/custom-code.vue

@@ -3,18 +3,17 @@
     :style="{
       border: '3px solid tomato',
     }"
-    v-if="prism && supported"
     :class="['notion-code', langClass]"
-  ><PrismComponent :language="lang">{{ properties.title[0][0] }}</PrismComponent></pre>
-  <pre
-    v-else
-    :class="['notion-code', langClass]"
-  ><code :class="langClass">{{ properties.title[0][0] }}</code></pre>
+  >
+    <PrismComponent v-if="prism && supported" :language="lang">{{ properties.title[0][0] }}</PrismComponent>
+    <code v-else :class="langClass">{{ properties.title[0][0] }}</code>
+  </pre>
 </template>
 
 <script>
 import Prism from "prismjs";
 import PrismComponent from "vue-prism-component";
+
 import { Blockable, blockComputed, blockProps } from "vue-notion";
 
 export default {

package.json

@@ -15,8 +15,9 @@
   ],
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.js",
-    "example": "nuxt example",
-    "example:pack": "npm pack && cd example && npm install && npm install ../*.tgz && npm run build && npm run generate",
+    "example": "npm run example:pack && cd example && npm run build && npm start",
+    "example:pack": "npm run build && npm pack && cd example && npm install && npm install ../*.tgz",
+    "example:generate": "npm run example:pack && cd example && npm run build && npm run generate",
     "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",

src/entry.js

@@ -29,6 +29,8 @@ if ("false" === process.env.ES_BUILD) {
     GlobalVue.use(plugin);
   }
 }
+// Default export is library as a whole, registered via Vue.use()
+export default plugin;
 
 // To allow individual component use, export components
 // each can be registered via Vue.component()
@@ -39,7 +41,4 @@ export * from "@/lib/api";
 export * from "@/lib/blockable";
 export * from "@/lib/utils";
 
-// Default export is library as a whole, registered via Vue.use()
-export default plugin;
-
 // todo: remove .esm from default packaging for cleaner imports