install and initialize pinia

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

(cherry picked from commit dab51e44a5ffbdaf675d6c4abe4fa37930167bc1)
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

5 files changed, 26 insertions, 0 deletions

diff --git a/src/main.js b/src/main.js
index 99ffb8d1b..3ddbe4961 100644
--- a/src/main.js
+++ b/src/main.js
@@ -24,6 +24,7 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import VueObserveVisibility from 'vue-observe-visibility'
 import vOutsideEvents from 'vue-outside-events'
@@ -70,18 +71,22 @@ Vue.prototype.n = translatePlural
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
+Vue.use(PiniaVuePlugin)
 Vue.use(Vuex)
 Vue.use(VueRouter)
 Vue.use(VueObserveVisibility)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 Vue.use(vOutsideEvents)
 
+const pinia = createPinia()
+
 TooltipOptions.container = '#content-vue'
 store.dispatch('setMainContainerSelector', '#content-vue')
 
 const instance = new Vue({
 	el: '#content',
 	store,
+	pinia,
 	router,
 	propsData: {
 		fileInfo: null,
diff --git a/src/mainFilesSidebar.js b/src/mainFilesSidebar.js
index fef66ddbb..b2676ed52 100644
--- a/src/mainFilesSidebar.js
+++ b/src/mainFilesSidebar.js
@@ -24,6 +24,7 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import VueObserveVisibility from 'vue-observe-visibility'
 import vOutsideEvents from 'vue-outside-events'
@@ -64,20 +65,25 @@ Vue.prototype.n = translatePlural
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
+Vue.use(PiniaVuePlugin)
 Vue.use(Vuex)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 Vue.use(vOutsideEvents)
 Vue.use(VueObserveVisibility)
 
+const pinia = createPinia()
+
 store.dispatch('setMainContainerSelector', '.talkChatTab')
 
 const newCallView = () => new Vue({
 	store,
+	pinia,
 	render: h => h(FilesSidebarCallViewApp),
 })
 
 const newTab = () => new Vue({
 	store,
+	pinia,
 	id: 'talk-chat-tab',
 	render: h => h(FilesSidebarTabApp),
 })
diff --git a/src/mainPublicShareAuthSidebar.js b/src/mainPublicShareAuthSidebar.js
index f33ee28e0..d4e6ee74d 100644
--- a/src/mainPublicShareAuthSidebar.js
+++ b/src/mainPublicShareAuthSidebar.js
@@ -18,6 +18,7 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import VueObserveVisibility from 'vue-observe-visibility'
 import vOutsideEvents from 'vue-outside-events'
@@ -58,11 +59,13 @@ Vue.prototype.n = translatePlural
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
+Vue.use(PiniaVuePlugin)
 Vue.use(Vuex)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 Vue.use(vOutsideEvents)
 Vue.use(VueObserveVisibility)
 
+const pinia = createPinia()
 store.dispatch('setMainContainerSelector', '#talk-sidebar')
 
 /**
@@ -127,6 +130,7 @@ function getShareToken() {
 
 const requestPasswordVm = new Vue({
 	store,
+	pinia,
 	id: 'talk-video-verification',
 	propsData: {
 		shareToken: getShareToken(),
@@ -137,6 +141,7 @@ requestPasswordVm.$mount('#request-password')
 
 const talkSidebarVm = new Vue({
 	store,
+	pinia,
 	...PublicShareAuthSidebar,
 })
 talkSidebarVm.$mount(document.querySelector('#talk-sidebar'))
diff --git a/src/mainPublicShareSidebar.js b/src/mainPublicShareSidebar.js
index 6db0c16e9..572f8767a 100644
--- a/src/mainPublicShareSidebar.js
+++ b/src/mainPublicShareSidebar.js
@@ -18,6 +18,7 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import VueObserveVisibility from 'vue-observe-visibility'
 import vOutsideEvents from 'vue-outside-events'
@@ -58,11 +59,14 @@ Vue.prototype.n = translatePlural
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
+Vue.use(PiniaVuePlugin)
 Vue.use(Vuex)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 Vue.use(vOutsideEvents)
 Vue.use(VueObserveVisibility)
 
+const pinia = createPinia()
+
 store.dispatch('setMainContainerSelector', '#talk-sidebar')
 
 /**
@@ -132,6 +136,7 @@ function getShareToken() {
 
 const talkSidebarVm = new Vue({
 	store,
+	pinia,
 	id: 'talk-chat-tab',
 	propsData: {
 		shareToken: getShareToken(),
diff --git a/src/mainRecording.js b/src/mainRecording.js
index 5a323a917..d274177c2 100644
--- a/src/mainRecording.js
+++ b/src/mainRecording.js
@@ -25,6 +25,7 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import VueObserveVisibility from 'vue-observe-visibility'
 import vOutsideEvents from 'vue-outside-events'
@@ -72,12 +73,15 @@ Vue.prototype.n = translatePlural
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
+Vue.use(PiniaVuePlugin)
 Vue.use(Vuex)
 Vue.use(VueRouter)
 Vue.use(VueObserveVisibility)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 Vue.use(vOutsideEvents)
 
+const pinia = createPinia()
+
 TooltipOptions.container = '#call-container'
 store.dispatch('setMainContainerSelector', '#call-container')
 
@@ -90,6 +94,7 @@ if (!window.OCA.Talk) {
 const instance = new Vue({
 	el: '#content',
 	store,
+	pinia,
 	router,
 	render: h => h(Recording),
 })