Merge pull request #615 from obewds/dev

0.61.7 - adding new custom event to vv color mode button (local version) to allow for event driven color mode updates for things like downstream charts

CHANGELOG.md

@@ -4,7 +4,18 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v0.61.6](https://github.com/obewds/vueventus/compare/v0.61.6...v0.61.6)
+#### [v0.61.7](https://github.com/obewds/vueventus/compare/v0.61.7...v0.61.7)
+
+#### [v0.61.7](https://github.com/obewds/vueventus/compare/v0.61.6...v0.61.7)
+
+> 13 December 2023
+
+- saving cache vitepress docs [`e3649aa`](https://github.com/obewds/vueventus/commit/e3649aa157689f88e28b813139210d5cd8c4f05e)
+- updating outdated deps [`11fe834`](https://github.com/obewds/vueventus/commit/11fe834881edf512a92e59a6549bb163ee97a7f6)
+- 0.61.6 - updating outdated deps and generating new docs/lib files for semver change [`783a8c1`](https://github.com/obewds/vueventus/commit/783a8c13c51ee3a0176cef7c03e9b1f9ef02aef2)
+- generating fresh lib and docs file for local testing and updates [`9d26049`](https://github.com/obewds/vueventus/commit/9d2604920d60936ecd734a1e0f359b72f2e9442a)
+- adding custom event emitting "color-mode-changed" event with data detail.mode = light/dark string value to generator for vv color mode button [`454f2f2`](https://github.com/obewds/vueventus/commit/454f2f2caaaa443de83e6aae662e32298d015ed2)
+- fixing incorrect docs file references to appVv.fill examples so they now use the correct plural appVv.fills naming convention [`2aed4df`](https://github.com/obewds/vueventus/commit/2aed4dff81bf205e579a33c80c1c6178e51ed23a)
 
 #### [v0.61.6](https://github.com/obewds/vueventus/compare/v0.61.5...v0.61.6)
 

cli/generators/vvColorModeButtonVueFile.mjs

@@ -92,7 +92,26 @@ const output = `<!-- ${commentPath} -->
 
             const colorMode = typeof window !== 'undefined' && localStorage && localStorage.getItem('colorMode') ? localStorage.getItem('colorMode') : 'light'
 
-            return { colorMode }
+            const dispatchColorModeChangedEvent = function () {
+
+                if (typeof window !== 'undefined' && document && localStorage && localStorage.getItem('colorMode')) {
+
+                    let changedColorMode = localStorage.getItem('colorMode') as ValidColorModes
+
+                    window.dispatchEvent(new CustomEvent('color-mode-changed', {
+                        detail: {
+                            mode: changedColorMode
+                        }
+                    }))
+
+                }
+
+            }
+
+            return {
+                colorMode,
+                dispatchColorModeChangedEvent,
+            }
 
         },
 
@@ -131,6 +150,7 @@ ${nuxtIndent}        :data-vv-color-mode-button-prop-text-dark="debug ? textDark
 ${nuxtIndent}        :data-vv-color-mode-button-prop-text-light="debug ? textLight : null"
 ${nuxtIndent}        :data-vv-color-mode-button-prop-title-dark="debug ? titleDark : null"
 ${nuxtIndent}        :data-vv-color-mode-button-prop-title-light="debug ? titleLight : null"
+${nuxtIndent}        @click="dispatchColorModeChangedEvent()"
 ${nuxtIndent}    />
     ${clientOnlyCloseTag}
 </template>