title: Data does not reflect in protip
body: <p><a href="https://i.stack.imgur.com/0v8VB.png" rel="nofollow noreferrer">not reflecting on protip</a></p>
  
  <p>I am using vue and vue i18n, The problem is, when I change the set language, the data when inspected changes but does not reflect on the protip</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
      &lt;div class="app-content__slide"&gt;
          &lt;div class="app-content__slide-inner-wrapper app-content__slide-inner-wrapper-checked"
               @click="redirectToView"&gt;&lt;/div&gt;
          &lt;em class="protip"
              v-bind:data-pt-title="sTooltip"
              data-pt-position="bottom" data-pt-gravity="1"&gt;
              &lt;span class="app-content__slide-name secondary-font-color"
                    @click="redirectToView"&gt;{{ oSlide.slide_title }}&lt;/span&gt;
          &lt;/em&gt;
          &lt;div class="app-content__slide-toggle-wrapper"&gt;
              &lt;label&gt;
                  &lt;input type="checkbox" name="" value="" class="hidden" checked/&gt;
                  &lt;div class="app-content__slide-toggle-btn-wrapper"&gt;&lt;/div&gt;
                  &lt;div class="app-content__slide-toggle-btn"&gt;&lt;/div&gt;
              &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>computed: {
              /**
               * Returns tooltip data of slide item
               */
              sTooltip: function () {
                  let sDetailText   = this.$i18n.t('["HOME.MAIN.PAGE.TOOLTIP"]["DETAILS"][0]');
                  let sNameText     = this.$i18n.t('["HOME.MAIN.PAGE.TOOLTIP"]["NAME"][0]');
                  let sCreatedText  = this.$i18n.t('["HOME.MAIN.PAGE.TOOLTIP"]["CREATED"][0]');
                  let sFeaturedText = this.$i18n.t('["HOME.MAIN.PAGE.TOOLTIP"]["FEATURED"][0]');
                  return "&lt;span style='font-weight:bold;font-size:12px;color:#979797'&gt;" + sDetailText + "&lt;/span&gt;&lt;br&gt;&lt;br&gt;\n" +
                      "            &lt;span style='font-weight:normal;font-size:12px;color:#979797;display:inline-block;word-wrap:break-all;word-break:break-all'&gt;" + sNameText + ":&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" + this.oSlide.slide_title + "&lt;/span&gt;&lt;br&gt;\n" +
                      "            &lt;span style='font-weight:normal;font-size:12px;color:#979797'&gt;" + sCreatedText + ":&amp;nbsp;&amp;nbsp;&amp;nbsp;" + this.formatDate(this.oSlide.created_at) + "&lt;/span&gt;&lt;br&gt;\n" +
                      "            &lt;span style='font-weight:normal;font-size:12px;color:#979797'&gt;" + sFeaturedText + ":&amp;nbsp;(" + this.oSlide.get_all_products.length + ") Products&lt;/span&gt;"
              }
          },</code></pre>
  </div>
  </div>
  </p>