Working

src/store/color.ts

@@ -0,0 +1,28 @@
+import { defineStore } from 'pinia'
+import { ColorsTheme } from '~~/types'
+
+export const useColorStore = defineStore(
+  'color',
+  () => {
+    const colorCookie = useCookie('color', { path: '/', default: () => ColorsTheme.RED })
+
+    const appConfig = useAppConfig()
+    watch(colorCookie, (newColor) => {
+      appConfig.ui.primary = newColor
+    }, { immediate: true })
+
+    const setColor = (color: string) => {
+      colorCookie.value = color as ColorsTheme
+    }
+
+    const getColor = computed(() => colorCookie)
+
+    return {
+      getColor,
+      setColor,
+    }
+  },
+  {
+    persist: true,
+  },
+)