Block troubleshooting

Vue event handlers are deleted from blocks in eWizard Editor

When you open an uploaded template with a block containing Vue event handlers in eWizard Editor, the event handlers are missing.

For example, your landing page has block-1 with an index.vue file and a @click.native handler.

<!-- ./common/blocks-library/block-1/index.vue -->

<template>
  <wiz-block class="header-block-1 default">
    <wiz-placeholder>
      <wiz-column>
        <wiz-site-menu>
          <wiz-button @click.native="clickHandler"></wiz-button>
        </wiz-site-menu>
      </wiz-column>
    </wiz-placeholder>
  </wiz-block>
</template>

<script>
export default {
  methods: {
    clickHandler() {
      console.log('Click!!!');
    },
  },
};
</script>

After editing the landing page in eWizard Editor, the @click.native handler is removed from the App.vue file.

<!-- ./App.vue -->

<template>
  <wiz-block class="header-block-1 default">
    <wiz-placeholder>
      <wiz-column>
        <wiz-site-menu>
          <wiz-button></wiz-button>
        </wiz-site-menu>
      </wiz-column>
    </wiz-placeholder>
  </wiz-block>
</template>

<script>
export default {
};
</script>

Reason: eWizard Editor doesn't support Vue event handlers.