Fix play button on public pages.

frontend/vue/base.js

@@ -3,6 +3,7 @@ import axios from 'axios';
 import VueAxios from 'vue-axios';
 import GetTextPlugin from 'vue-gettext';
 import translations from '../../translations/translations.json';
+import pinia from './vendor/pinia';
 
 document.addEventListener('DOMContentLoaded', function () {
     // Configure localization
@@ -30,6 +31,7 @@ export default function (component) {
   return function (el, props) {
     return new Vue({
         el: el,
+        pinia,
         created() {
             let handleAxiosError = (error) => {
                 let notifyMessage = this.$gettext('An error occurred and your request could not be completed.');

frontend/vue/pages/InlinePlayer.js

@@ -1,9 +1,6 @@
 import Vue from 'vue';
 import InlinePlayer from '~/components/InlinePlayer.vue';
-import {createPinia, PiniaVuePlugin} from 'pinia';
-
-Vue.use(PiniaVuePlugin);
-const pinia = createPinia();
+import pinia from '../vendor/pinia';
 
 document.addEventListener('DOMContentLoaded', function () {
     let inlinePlayer = new Vue({

frontend/vue/vendor/pinia.js

@@ -0,0 +1,7 @@
+import Vue from 'vue';
+import {createPinia, PiniaVuePlugin} from 'pinia';
+
+Vue.use(PiniaVuePlugin);
+const pinia = createPinia();
+
+export default pinia;