Added dark and SFW modes.

assets/js/ui/actions.js

@@ -1,5 +1,3 @@
-// import { get } from '../api';
-
 function initUiActions(_store, _router) {
     function setFilter({ commit }, filter) {
         commit('setFilter', filter);
@@ -16,10 +14,22 @@ function initUiActions(_store, _router) {
         localStorage.setItem('batch', batch);
     }
 
+    function setTheme({ commit }, theme) {
+        commit('setTheme', theme);
+        localStorage.setItem('theme', theme);
+    }
+
+    async function setSfw({ commit }, sfw) {
+        commit('setSfw', sfw);
+        localStorage.setItem('sfw', sfw);
+    }
+
     return {
         setFilter,
         setRange,
         setBatch,
+        setSfw,
+        setTheme,
     };
 }
 

assets/js/ui/mutations.js

@@ -10,8 +10,18 @@ function setBatch(state, batch) {
     state.batch = batch;
 }
 
+function setSfw(state, sfw) {
+    state.sfw = sfw;
+}
+
+function setTheme(state, theme) {
+    state.theme = theme;
+}
+
 export default {
     setFilter,
     setRange,
     setBatch,
+    setSfw,
+    setTheme,
 };

assets/js/ui/state.js

@@ -1,9 +1,13 @@
 const storedFilter = localStorage.getItem('filter');
 const storedRange = localStorage.getItem('range');
 const storedBatch = localStorage.getItem('batch');
+const storedSfw = localStorage.getItem('sfw');
+const storedTheme = localStorage.getItem('theme');
 
 export default {
     filter: storedFilter ? storedFilter.split(',') : ['gay', 'transsexual'],
     range: storedRange || 'latest',
     batch: storedBatch || 'all',
+    sfw: storedSfw === 'true' || false,
+    theme: storedTheme || 'light',
 };