:gear: moving around some event emits and declareing to remove warnings

vue-theme/src/components/content-block/block.vue

@@ -26,6 +26,7 @@ export default {
     props: {
         block: { required: true }
     },
+    emits: ['openGallery'],
     methods: {
         fixYoutubeUrl(url) {
             let videoUid = url.split('https://youtu.be/')[1]
@@ -39,10 +40,8 @@ export default {
         openGallery(e) {
             if(e.target.tagName === 'IMG') {
                 this.$emit('open-gallery', e.target)
-            } else {
-                if(e.target.dataset.type === 'URL') {
-                    window.open(e.target.href)
-                }
+            } else if(e.target.dataset.type === 'URL') {
+                window.open(e.target.href)
             }
         }
     },

vue-theme/src/pages/single.vue

@@ -16,7 +16,9 @@
                 p start: {{ dateFrom(post.start) }}
                 p end: {{ dateFrom(post.end) }}
 
-        block(v-for="(block, index) in post.blocks" :block="block" @open-gallery="openGallery" :key="`block-${index}`" class="post-single block-wrapper")
+        ul
+            li(v-for="(block, index) in post.blocks" :key="`block-${index}`" class="post-single block-wrapper")
+                block(:block="block" @open-gallery="openGallery")
 
         //- related artists section example layout
         section(v-if="type === 'episodes' && post" :post="post")

vue-theme/webpack.config.js

@@ -14,6 +14,7 @@ module.exports = (env = {}) => {
         mode: env.production ? 'production' : 'development',
         resolve: {
             alias: {
+                vue: 'vue/dist/vue.esm-bundler.js',
                 '@': path.resolve(__dirname, 'src'),
             },
             extensions: ['*', '.js', '.sss', '.vue', '.json'],
@@ -91,7 +92,9 @@ module.exports = (env = {}) => {
         devtool: env.production ? false : 'cheap-module-eval-source-map',
         plugins: [
             new webpack.DefinePlugin({
-                PRODUCTION: JSON.stringify(env.production),
+                // PRODUCTION: JSON.stringify(env.production),
+                __VUE_OPTIONS_API__: true,
+                __VUE_PROD_DEVTOOLS__: false
             }),
             new VueLoaderPlugin(),
             new CompressionPlugin({ threshold: 8192 }),