title: Including a standalone component in vue ant design steps
body: <p>I want to use any design steps component and i wonder how i can include a standalone component from <a href="https://www.antdv.com/components/steps/" rel="nofollow noreferrer">https://www.antdv.com/components/steps/</a></p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;a-steps :current=&quot;current&quot;&gt;
        &lt;a-step v-for=&quot;item in steps&quot; :key=&quot;item.title&quot; :title=&quot;item.title&quot; /&gt;
      &lt;/a-steps&gt;
      &lt;div class=&quot;steps-content&quot;&gt;
        {{ steps[current].content }}
      &lt;/div&gt;
      &lt;div class=&quot;steps-action&quot;&gt;
        &lt;a-button v-if=&quot;current &lt; steps.length - 1&quot; type=&quot;primary&quot; @click=&quot;next&quot;&gt;
          Next
        &lt;/a-button&gt;
        &lt;a-button
          v-if=&quot;current == steps.length - 1&quot;
          type=&quot;primary&quot;
          @click=&quot;$message.success('Processing complete!')&quot;
        &gt;
          Done
        &lt;/a-button&gt;
        &lt;a-button v-if=&quot;current &gt; 0&quot; style=&quot;margin-left: 8px&quot; @click=&quot;prev&quot;&gt;
          Previous
        &lt;/a-button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    data() {
      return {
        current: 0,
        steps: [
          {
            title: 'First',
            content: 'First-content',
          },
          {
            title: 'Second',
            content: 'Second-content',
          },
          {
            title: 'Last',
            content: 'Last-content',
          },
        ],
      };
    },
    methods: {
      next() {
        this.current++;
      },
      prev() {
        this.current--;
      },
    },
  };
  &lt;/script&gt;
  &lt;style scoped&gt;
  .steps-content {
    margin-top: 16px;
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
    padding-top: 80px;
  }
  
  .steps-action {
    margin-top: 24px;
  }
  &lt;/style&gt;
  </code></pre>
  <p>this is the code that assigns content in steps</p>
  <pre><code>steps: [
          {
            title: 'First',
            content: 'First-content',
          },
          {
            title: 'Second',
            content: 'Second-content',
          },
          {
            title: 'Last',
            content: 'Last-content',
          },
        ],
  </code></pre>
  <p>How can i include a standalone <code>component.vue</code> here</p>
  <pre><code>content: 'First-content',
  </code></pre>