mirror of
https://github.com/unraid/api.git
synced 2026-04-30 04:01:10 -05:00
Michael Datelle
72860e71fe
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added comprehensive test coverage for the purchase, replaceRenew, modal, notifications, theme, trial, unraidApi, unraidApiSettings, updateOs, updateOsActions, updateOsChangelog, activationCode, and callbackActions stores. - Exposed callback error state in the callbackActions store for external access. - Made error state publicly accessible in the replaceRenew store. - **Tests** - Introduced new test files covering state, getters, actions, and side effects for multiple stores including modal, notifications, purchase, replaceRenew, theme, trial, unraidApi, unraidApiSettings, updateOs, updateOsActions, updateOsChangelog, activationCode, and callbackActions. - Enhanced existing test suites with additional mocks, reactive state handling, and expanded test cases for improved coverage and robustness. - **Refactor** - Improved code clarity and readability in modal, notifications, purchase, replaceRenew, trial, theme, updateOsActions, callbackActions, and unraidApi stores through import reorganization and formatting adjustments. - Updated imports to include reactive and computed utilities for enhanced state management in several stores. - Standardized import styles and streamlined store definitions in the unraidApiSettings store. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: mdatelle <mike@datelle.net>
29 lines
688 B
TypeScript
29 lines
688 B
TypeScript
import { ref } from 'vue';
|
|
import { createPinia, defineStore, setActivePinia } from 'pinia';
|
|
import { useToggle } from '@vueuse/core';
|
|
|
|
/**
|
|
* @see https://stackoverflow.com/questions/73476371/using-pinia-with-vue-js-web-components
|
|
* @see https://github.com/vuejs/pinia/discussions/1085
|
|
*/
|
|
setActivePinia(createPinia());
|
|
|
|
export const useModalStore = defineStore('modal', () => {
|
|
const modalVisible = ref<boolean>(true);
|
|
|
|
const modalHide = () => {
|
|
modalVisible.value = false;
|
|
};
|
|
const modalShow = () => {
|
|
modalVisible.value = true;
|
|
};
|
|
const modalToggle = useToggle(modalVisible);
|
|
|
|
return {
|
|
modalVisible,
|
|
modalHide,
|
|
modalShow,
|
|
modalToggle,
|
|
};
|
|
});
|