Storage improve (#6976)

* wip

* wip

* wip

* wip

* wip

* Update storage.ts

* wip

* wip

* wip

* wip

* Update storage.ts

* Update storage.ts

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update storage.ts

* wip

* wip

* wip

* wip

* 🍕

* wip

* wip

* wip

* wip

* wip

* wip

* Update deck-storage.ts

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update store.ts

* wip

* wip

* wip

* wip

* Update init.ts

* wip

* wip

* Update pizzax.ts

* wip

* wip

* Update timeline.vue

* Update init.ts

* wip

* wip

* Update init.ts

src/client/pages/settings/plugins.vue

@@ -15,7 +15,7 @@
 		<details>
 			<summary><Fa :icon="faFolderOpen"/> {{ $t('manage') }}</summary>
 			<MkSelect v-model:value="selectedPluginId">
-				<option v-for="x in $store.state.deviceUser.plugins" :value="x.id" :key="x.id">{{ x.name }}</option>
+				<option v-for="x in plugins" :value="x.id" :key="x.id">{{ x.name }}</option>
 			</MkSelect>
 			<template v-if="selectedPlugin">
 				<div style="margin: -8px 0 8px 0;">
@@ -55,6 +55,7 @@ import MkSelect from '@/components/ui/select.vue';
 import MkInfo from '@/components/ui/info.vue';
 import MkSwitch from '@/components/ui/switch.vue';
 import * as os from '@/os';
+import { ColdDeviceStorage } from '@/store';
 
 export default defineComponent({
 	components: {
@@ -68,6 +69,7 @@ export default defineComponent({
 	data() {
 		return {
 			script: '',
+			plugins: ColdDeviceStorage.get('plugins'),
 			selectedPluginId: null,
 			faPlug, faSave, faTrashAlt, faFolderOpen, faDownload, faCog
 		}
@@ -76,11 +78,22 @@ export default defineComponent({
 	computed: {
 		selectedPlugin() {
 			if (this.selectedPluginId == null) return null;
-			return this.$store.state.deviceUser.plugins.find(x => x.id === this.selectedPluginId);
+			return this.plugins.find(x => x.id === this.selectedPluginId);
 		},
 	},
 
 	methods: {
+		installPlugin({ id, meta, ast, token }) {
+			ColdDeviceStorage.set('plugins', this.plugins.concat({
+				...meta,
+				id,
+				active: true,
+				configData: {},
+				token: token,
+				ast: ast
+			}));
+		},
+
 		async install() {
 			let ast;
 			try {
@@ -137,7 +150,7 @@ export default defineComponent({
 				}, 'closed');
 			});
 
-			this.$store.commit('deviceUser/installPlugin', {
+			this.installPlugin({
 				id: uuid(),
 				meta: {
 					name, version, author, description, permissions, config
@@ -154,7 +167,7 @@ export default defineComponent({
 		},
 
 		uninstall() {
-			this.$store.commit('deviceUser/uninstallPlugin', this.selectedPluginId);
+			ColdDeviceStorage.set('plugins', this.plugins.filter(x => x.id !== this.selectedPluginId));
 			os.success();
 			this.$nextTick(() => {
 				location.reload();
@@ -171,10 +184,9 @@ export default defineComponent({
 			const { canceled, result } = await os.form(this.selectedPlugin.name, config);
 			if (canceled) return;
 
-			this.$store.commit('deviceUser/configPlugin', {
-				id: this.selectedPluginId,
-				config: result
-			});
+			const plugins = ColdDeviceStorage.get('plugins');
+			plugins.find(p => p.id === this.selectedPluginId).configData = result;
+			ColdDeviceStorage.set('plugins', plugins);
 
 			this.$nextTick(() => {
 				location.reload();
@@ -182,10 +194,9 @@ export default defineComponent({
 		},
 
 		changeActive(plugin, active) {
-			this.$store.commit('deviceUser/changePluginActive', {
-				id: plugin.id,
-				active: active
-			});
+			const plugins = ColdDeviceStorage.get('plugins');
+			plugins.find(p => p.id === plugin.id).active = active;
+			ColdDeviceStorage.set('plugins', plugins);
 
 			this.$nextTick(() => {
 				location.reload();