JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tom-select/1.7.8/js/tom-select.complete.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tom-select@2.0.0-rc.5/dist/css/tom-select.css">
<!DOCTYPE html>
        <link href="https://cdn.jsdelivr.net/npm/tom-select@2.0.0-rc.5/dist/css/tom-select.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/tom-select@2.0.0-rc.5/dist/js/tom-select.complete.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
        <main>
            <select id="products" multiple="multiple" v-model="products">
                <option>One</option>
                <option>Two</option>
                <option>Three</option>
            </select>
            <button type="button" v-on:click="update()">Update</button>
        </main>

JavaScript

var ts;

new Vue({
    el: 'main',
    data: {
        products: [],
    },
    methods: {
        update: function() {
        		ts.addItem('Two');
        },
    },
});
ts = new TomSelect('#products', {});