Renamed the variable 'inputClass' to 'inputType' because this name is
more accurate

@@ -0,0 +48,4 @@
+    },
+    path: {
+        required: true
+    },

@@ -0,0 +30,4 @@
+    },
+    path: {
+        required: true
+    },

@@ -0,0 +20,4 @@
+import { expect, describe, test } from 'vitest';
+import { nextTick } from 'vue';
+
+const getWrapper = function getWrapper (options = {}) {

@@ -0,0 +55,4 @@
+
+describe('Selection', () => {
+    test('displays options correctly', () => {
+        const options = [

@@ -0,0 +22,4 @@
+
+describe('Switch', () => {
+    test('shows value from store', async () => {
+        const wrapper = mountComponent(Switch, {

@@ -0,0 +21,4 @@
+export const getSettingRecursively = function getSettingRecursively (sectionPath, settings) {
+    const oneSettingsLevel = function oneSettingsLevel (cursor, acc) {
+        const setting = getSetting(cursor[0], acc.content);
+        if (!setting) {

@@ -0,0 +18,4 @@
+    return settings.filter((setting) => setting.name === name)[0];
+};
+
+export const getSettingRecursively = function getSettingRecursively (sectionPath, settings) {

@@ -0,0 +68,4 @@
+        </div>
+        <ul class="options-list">
+            <li v-for="option in props.setting.options" :key="option.name">
+                <label class="settings-button">

@@ -0,0 +63,4 @@
+
+<template>
+    <div>
+        <div class="label">

@@ -0,0 +56,4 @@
+const optionType = computed(() => props.setting.allowMultiple ? 'checkbox' : 'radio');
+const selected = ref(normalizeSelectedValue(store.get(props.path) ?? props.setting.default));
+
+watch(selected, (newValue, oldValue) => {