diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
index 46f63c9dd..c6a8df61d 100644
--- a/_scripts/webpack.renderer.config.js
+++ b/_scripts/webpack.renderer.config.js
@@ -132,7 +132,7 @@ const config = {
   ],
   resolve: {
     alias: {
-      vue$: 'vue/dist/vue.common.js',
+      vue$: 'vue/dist/vue.runtime.esm.js',
 
       'youtubei.js$': 'youtubei.js/web',
     },
diff --git a/_scripts/webpack.web.config.js b/_scripts/webpack.web.config.js
index 1c494e5c3..f534d5d06 100644
--- a/_scripts/webpack.web.config.js
+++ b/_scripts/webpack.web.config.js
@@ -133,7 +133,7 @@ const config = {
   ],
   resolve: {
     alias: {
-      vue$: 'vue/dist/vue.esm.js'
+      vue$: 'vue/dist/vue.runtime.esm.js'
     },
     fallback: {
       buffer: require.resolve('buffer/'),
diff --git a/src/renderer/components/ft-community-post/ft-community-post.js b/src/renderer/components/ft-community-post/ft-community-post.js
index 1620ce453..cf5d3662e 100644
--- a/src/renderer/components/ft-community-post/ft-community-post.js
+++ b/src/renderer/components/ft-community-post/ft-community-post.js
@@ -1,18 +1,16 @@
-import Vue from 'vue'
+import { defineComponent } from 'vue'
 import FtListVideo from '../ft-list-video/ft-list-video.vue'
 import FtListPlaylist from '../ft-list-playlist/ft-list-playlist.vue'
 
 import autolinker from 'autolinker'
 import VueTinySlider from 'vue-tiny-slider'
 
-import {
-  toLocalePublicationString
-} from '../../helpers/utils'
+import { toLocalePublicationString } from '../../helpers/utils'
 import { youtubeImageUrlToInvidious } from '../../helpers/api/invidious'
 
 import 'tiny-slider/dist/tiny-slider.css'
 
-export default Vue.extend({
+export default defineComponent({
   name: 'FtCommunityPost',
   components: {
     'ft-list-playlist': FtListPlaylist,