Improve interactions

Signed-off-by: Knut Ahlers <knut@ahlers.me>

.gitignore

@@ -11,6 +11,7 @@ hugo_*
 .hugo_build.lock
 node_modules
 .rendered-docs
+src/components/_template.vue
 storage.db
 storage.db-journal
 storage.json.gz

src/components/_headNav.vue

@@ -1,7 +1,7 @@
 <template>
-  <nav class="navbar navbar-expand-lg bg-body-tertiary">
+  <nav class="navbar navbar-expand-lg bg-body-tertiary user-select-none">
     <div class="container-fluid">
-      <span class="navbar-brand">
+      <span class="navbar-brand user-select-none">
         <i class="fas fa-robot fa-fw me-1 text-info" />
         Twitch-Bot
       </span>

src/components/_sideNav.vue

@@ -4,14 +4,14 @@
       v-for="section in navigation"
       :key="section.header"
     >
-      <div class="navHeading">
+      <div class="navHeading user-select-none">
         {{ section.header }}
       </div>
       <RouterLink
         v-for="link in section.links"
         :key="link.target"
         :to="{name: link.target}"
-        class="nav-link"
+        class="nav-link user-select-none"
       >
         <i :class="`${link.icon} fa-fw me-1`" />
         {{ link.name }}

src/components/_template.vue

@@ -1,11 +0,0 @@
-<template>
-  <!---->
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'TwitchBotEditor...',
-})
-</script>