-
+
{{ header }}
@@ -27,30 +25,21 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -82,7 +71,16 @@ export default defineComponent({
setup() {
const store = useStore();
+ store.initializeThemeMode();
+
const header = computed(() => store.headers[store.sideView].join(" > "));
+ const solverViews = [
+ { id: "oop-range", component: RangeEditor, props: { player: 0 } },
+ { id: "ip-range", component: RangeEditor, props: { player: 1 } },
+ { id: "board", component: BoardSelector },
+ { id: "tree-config", component: TreeConfig },
+ { id: "run-solver", component: RunSolver },
+ ];
const clientHeight = ref(0);
@@ -99,6 +97,7 @@ export default defineComponent({
return {
store,
header,
+ solverViews,
clientHeight,
};
},
diff --git a/src/components/BoardSelectorCard.vue b/src/components/BoardSelectorCard.vue
index d4c32d9..8b1bf9e 100644
--- a/src/components/BoardSelectorCard.vue
+++ b/src/components/BoardSelectorCard.vue
@@ -4,7 +4,7 @@
'relative rounded-lg border select-none enabled:shadow ' +
(isSelected
? 'bg-yellow-300 ring-1 ring-red-600 border-red-600'
- : 'bg-white border-black')
+ : 'theme-board-card')
"
:style="{
'--width': width,
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index d78e42a..248d29c 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,16 +1,33 @@
-