Getting error because of AT - UI Component [NUXT]

[cvsraghava]

I am getting the following error when we are using AT UI input component on NUXTJS framework: [nuxt] Error while initializing app InternalError: too much recursion Stack trace: _traverse@http://localhost:8080/_nuxt/common.2bf36607221e21f9dbc9.js:6095:7 _traverse@http://localhost:8080/_nuxt/common.2bf36607221e21f9dbc9.js:6112:19 _traverse@http://localhost:8080/_nuxt/common.2bf36607221e21f9dbc9.js:6108:19 _traverse@http://localhost:8080/_nuxt/common.2bf36607221e21f9dbc9.js:6112:19

Here is my component code:

<template>
   <div class="eSubscribe">
            <a href="javascript:void(0)" class="subTxt" :class="{'hide':ishide}" @click.prevent="showEmail"><i class="icon icon-mail"/> Subscribe to New Offers</a>
            <div class="emailForm" :class="{'collapsed': iscollapsed}">
              <at-input size="large" placeholder="Enter your Email ID" append-button>
                <div slot="append">
                  <span>Subscribe</span>
                </div>
              </at-input>
            </div>
          </div>
</template>

<script>
    export default {
      data () {
    return {
      ishide: false,
      iscollapsed: false
    }
  },
  methods: {
    showEmail () {
      this.ishide = !this.ishide
      this.iscollapsed = !this.iscollapsed
    }
      }
    }
</script>

[cvsraghava]

When I removed the following code from AT-UI input no errors are popping up.

<div slot="append">
        <span>Subscribe</span>
</div>

[koppthe]

a little weird : (

[cvsraghava]

Any Chances...?