Vuetifyが本番環境で正常に動作しない

Question

掲題通り、ローカルサーバーなら動くのに、VPSサーバで動きません

ソース
https://github.com/k-horiuchi/connpass_crawling_client

本番用デプロイ
http://140.227.228.52/connpass_crawling_client/dist/

Vuetifyが正常に動くと、tableの背景が黒になります。なぜ動かないのでしょうか…

[Vuetify] Multiple instances of Vue detected
See https://github.com/vuetifyjs/vuetify/issues/4068

とのことですが、思いあたりがありません

Answer 1

なんとなくです

ここを修正したらどうなりますか？

https://github.com/k-horiuchi/connpass_crawling_client/blob/master/public/index.html#L13-L31

    <div id="app">
        <v-btn href="https://connpass.com/calendar/hokkaido/" flat large color="primary" class="display-1 font-weight-light"><v-card-title>connpass @sapporo</v-card-title></v-btn>
      <template>
        <v-data-table 
        :items="json_data" 
        :headers="headers" 
        class="elevation-1"
        :pagination.sync="pagination"
        hide-actions dark>
          <template slot="items" slot-scope="props">
            <td class="text-xs-left" v-html="props.item.event_title"></td>
            <td class="text-xs-left">{{ props.item.event_place }}</td>
            <td class="text-xs-left">{{ props.item.convene_date }}</td>
            <td class="text-xs-right">{{ props.item.disclosure_date }}</td>
            <td class="text-xs-center">{{ props.item.capacity }}</td>
          </template>
        </v-data-table>
      </template>
</div>

public/index.htmlの上記を

<div id="app"></div>

にする