Весло с Nuxt/Vue.js

Question

Кто-нибудь реализовал Paddle с Nuxt? Попытка запустить это на странице (компоненте) приложения Nuxt:

      <script src="https://cdn.paddle.com/paddle/paddle.js"></script>
<script type="text/javascript">
    Paddle.Setup({ vendor: 1234567 });
</script>

Я безуспешно пробовал три способа.

1. NPM с paddle-sdk

https://www.npmjs.com/package/paddle-sdk

Вне зависимости от данных и не будет опираться на современный проект.

2. Плагины Nuxt

https://nuxtjs.org/docs/2.x/directory-structure/plugins/

Невозможно создать плагин nuxt с удаленным (сторонним) скриптом, только локальным в каталоге плагинов. Paddle со своего веб-сайта спрашивает: «Пожалуйста, не размещайте Paddle.js самостоятельно, это помешает вам получать исправления ошибок и новые функции».

3. Головной метод

Я могу реализовать сценарий в методе head на странице, но не могу выполнять методы из сценария на странице nuxt. Другими словами, это работает:

<script src="https://cdn.paddle.com/paddle/paddle.js"></script>

Но это не так:

      <script type="text/javascript">
    Paddle.Setup({ vendor: 1234567 });
</script>

Кому-нибудь повезло или альтернативные решения?

Answer 1

Имитирую вашу проблему, импортировал скрипт в nuxt.config.js:

      head: {
    script: [{
        src: 'https://cdn.paddle.com/paddle/paddle.js',
    }]
}

И используйте это на моей странице:

      mounted() {
    Paddle.Setup({ vendor: 1234567 });
}

Конечно, он выведет You must specify a valid Paddle Vendor ID.