title: Display string among themselves
body: <p>With the help of my BackEnd API I get a string, for example the <code>response</code> is :</p>
  <pre><code>test.sh has been executed by Java,test.sh has been executed by Java,test.sh has been executed by Java
  </code></pre>
  <p>I want to split the string at <code>&quot;,&quot;</code> and show each item among each other. It should look like this:</p>
  <pre><code>1. test.sh has been executed by Java
  2. test.sh has been executed by Java
  3. test.sh has been executed by Java
  </code></pre>
  <p>Until now it looks like this:</p>
  <pre><code>1. test.sh has been executed by Java,test.sh has been executed by Java,test.sh has been executed by Java
  </code></pre>
  <p>Heres my frontend:</p>
  <pre><code>&lt;template&gt;
  &lt;v-form&gt;
      &lt;v-container&gt;
        &lt;v-card
            class=&quot;mt-15 pa-4  mx-auto&quot;
            max-width=&quot;700&quot;
            color=&quot;#BDBDBD&quot;
            text = &quot;red darken-1&quot;
        &gt;
          &lt;ol&gt;
            &lt;li class=&quot;white--text&quot; v-for=&quot;item in output&quot; :key=&quot;item&quot;&gt;{{item}}&lt;/li&gt;
          &lt;/ol&gt;
        &lt;/v-card&gt;
      &lt;/v-container&gt;
      &lt;/v-form&gt;
      &lt;/template&gt;
      &lt;script&gt;
       export default {
       data: () =&gt; ({
  items: [],
  search: null,
  key: '',
  output: [],
  }),
   methods: {
    async displayTerminalLog() {
      let apiUrl = 'http://localhost:8091/api/v1/output/'
      let response = await this.axios.get(apiUrl);
      console.log(response.data.toString())
      for (var text in response.data.toString().split(&quot;,&quot;)){
        this.output.push(response.data[text].slice(0, 
        response.data.toString().length-1))}
    }
  }
      }
     &lt;/script&gt;
  </code></pre>