implemented mode change
This commit is contained in:
@ -19,8 +19,12 @@
|
||||
<script setup>
|
||||
import { ref, watch, onMounted } from 'vue';
|
||||
import { useStore } from 'vuex';
|
||||
import { computed } from 'vue';
|
||||
|
||||
const store = useStore();
|
||||
// const modeChanged = computed(() => store.state.updateDarkMode);
|
||||
|
||||
// watch(modeChanged, getSession)
|
||||
|
||||
const loggedInUserUsername = ref('');
|
||||
const loggedInBool = ref(false);
|
||||
@ -30,7 +34,7 @@ const storeChanged = computed(() => store.state.localStorageChanged);
|
||||
const route = useRoute()
|
||||
const id = computed(() => route)
|
||||
|
||||
const darkMode = ref(true)
|
||||
const darkMode = ref('')
|
||||
|
||||
function getItem(item) {
|
||||
if (process.client) {
|
||||
@ -47,6 +51,12 @@ const goToSettings = () => {
|
||||
};
|
||||
|
||||
const getSession = async () => {
|
||||
const loggedInUserDarkModeBool = getItem('logged-in-user-darkMode');
|
||||
if (loggedInUserDarkModeBool == 1) {
|
||||
darkMode.value = true;
|
||||
} else {
|
||||
darkMode.value = false;
|
||||
}
|
||||
if ((!(id.value.fullPath == '/login')) && (!(id.value.fullPath == '/settings'))) {
|
||||
loggedInBool.value = false;
|
||||
loggedInBool.value = getItem('logged-in-bool');
|
||||
@ -75,7 +85,9 @@ const checkPath = async () => {
|
||||
localStorage.removeItem('logged-in-user-postcode');
|
||||
localStorage.removeItem('logged-in-user-adminBool');
|
||||
localStorage.removeItem('logged-in-user-technicianBool');
|
||||
localStorage.removeItem('logged-in-user-readerBool'); store.commit('logout');
|
||||
localStorage.removeItem('logged-in-user-readerBool');
|
||||
localStorage.removeItem('logged-in-user-darkMode');
|
||||
store.commit('logout');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user