import { ref, computed } from 'vue';

const theme = ref('light');

export function useThemeSelection() {
    const getTheme = () => theme.value;
    const setTheme = v => {
        theme.value = v;
    };

    const selectedTheme = computed({
        get: () => getTheme(),
        set: newTheme => setTheme(newTheme),
    });

    return {
        theme,
        selectedTheme,
    };
}