diff --git a/webapp/pages/post/create.vue b/webapp/pages/post/create.vue
index 9da1a85e9..dbe58eaa0 100644
--- a/webapp/pages/post/create.vue
+++ b/webapp/pages/post/create.vue
@@ -15,7 +15,7 @@
                 >
                   {{ $t('post.createNewPost.title') }}
                 </ds-button>
-                <ds-button v-else ghost fullwidth size="x-large" @click="createEvent = !createEvent">
+                <ds-button v-else ghost fullwidth size="x-large" @click="switchPostType()">
                   {{ $t('post.createNewPost.title') }}
                 </ds-button>
               </div>
@@ -34,7 +34,7 @@
                 >
                   {{ $t('post.createNewEvent.title') }}
                 </ds-button>
-                <ds-button ghost fullwidth size="x-large" v-else @click="createEvent = !createEvent">
+                <ds-button ghost fullwidth size="x-large" v-else @click="switchPostType()">
                   {{ $t('post.createNewEvent.title') }}
                 </ds-button>
               </div>
@@ -98,6 +98,11 @@ export default {
       fetchPolicy: 'cache-and-network',
     },
   },
+  methods: {
+    switchPostType() {
+      this.createEvent = !this.createEvent
+    },
+  },
 }
 </script>
 <style lang="scss">