Emoji in Vue.js

HTML codes render inconsistently.

by Harsh Kansagara

HTML

<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
  <p>
    <span v-for="emoji in emojis" v-html="emoji"></span>
  </p>
</div>

JavaScript

const app = new Vue({
	computed: {
  	emojis() {
    	var x = 0x1f600;
      var emojis = [];
      for (var i = 0; i < 10000; ++i) {
      	emojis.push('&#x'+(x + i).toString(16)+';')
      }
      return emojis;
    },
  },
}).$mount('#app');