{{ 'SitesManager_StepByStepGuide'|translate }}

{% if wasDetected %}
{{ 'SitesManager_VueDetected'|translate('vue-matomo',externallink('https://matomo.org/faq/new-to-piwik/how-do-i-install-the-matomo-tracking-code-on-websites-that-use-vue-js'),'')|raw }}
{% endif %}

{{ 'SitesManager_SiteWithoutDataVueIntro'|translate }}


{{ 'SitesManager_SiteWithoutDataCloudflareFollowStepsIntro'|translate }}

  1. {{ 'SitesManager_SiteWithoutDataVueFollowStep1'|translate('vue-matomo')|raw }}
    npm install --save vue-matomo
  2. {{ 'SitesManager_SiteWithoutDataVueFollowStep2'|translate('VueMatomo', 'main.js')|raw }}

    {{ 'SitesManager_SiteWithoutDataVueFollowStep2ExampleCode'|translate('Vue.js 3') }}: 
    {{ vue3Code }}
    {{ 'SitesManager_SiteWithoutDataVueFollowStep2ExampleCode'|translate('Vue.js 2') }}: 
    {{ vue2Code }}

{{ 'SitesManager_SiteWithoutDataVueFollowStepCompleted'|translate('', '', 'vue-matomo')|raw }}


{{ 'General_Note'|translate }}:
  1. {{ 'SitesManager_SiteWithoutDataVueFollowStepNote1'|translate('window._paq.push')|raw }}
  2. {{ SiteWithoutDataVueFollowStepNote2Key|translate(externallink('https://developer.matomo.org/guides/spa-tracking'),'', externallink('https://developer.matomo.org/guides/spa-tracking#using-matomo-tag-manager-to-track-single-page-application'),'')|raw }}