small fixes

.eslintrc.js

@@ -10,7 +10,7 @@ module.exports = {
   ],
   'overrides': [
     {
-      files: ['*.vue'],
+      files: ['*.vue', '*.stories.js'],
       rules: {
         // 300 lines limit seems to short for *.vue files
         'max-lines': 'off'

package.json

@@ -33,7 +33,7 @@
     "splitpanes": "^3.1.0"
   },
   "peerDependencies": {
-    "vue": "^3.4.0"
+    "vue": "^3.5.3"
   },
   "devDependencies": {
     "@babel/core": "^7.17.4",

src/components/common/Button.vue

@@ -9,14 +9,20 @@
 </template>
 <script setup>
 const props = defineProps({
-  className: String,
-  title: String,
+  className: {
+    type: String,
+    default: null
+  },
+  title: {
+    type: String,
+    default: null
+  },
   disabled: Boolean,
   small: Boolean
 });
 
 const classes = { small: props.small === true };
-if (props.className != null) {
+if (props.className !== null) {
   classes[props.className] = true;
 }
 </script>
@@ -43,6 +49,7 @@ button {
   color: #ddd;
   text-align: center;
   -webkit-appearance: none;
+  appearance: none;
   cursor: pointer;
   padding: 5px 0;
   font-weight: bold;

src/components/common/Select.vue

@@ -8,11 +8,13 @@
   </select>
 </template>
 <script setup>
-import { ref, onMounted } from 'vue';
 
 const props = defineProps({
   disabled: Boolean,
-  modelValue: String
+  modelValue: {
+    type: String,
+    required: true
+  }
 });
 
 const emit = defineEmits(['update:modelValue']);

src/components/pages/ProjectPage.vue

@@ -111,9 +111,11 @@ main {
 .vertical .left-header button {
   transform: rotate(90deg);
 }
+
 .horizontal {
   height: calc(100vh - 82px);
 }
+
 .fullscreen .horizontal {
   height: 100vh;
 }