make user-select none by default

src/assets/main.css

@@ -8,6 +8,18 @@ html, body {
   overflow: hidden;
 }
 
+body {
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.selectable {
+  -webkit-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+
 #app {
   height: 100%;
 }

src/components/Result.vue

@@ -25,6 +25,6 @@ export default defineComponent({
 
 <template>
   <div class="result">
-    <pre>{{ data }}</pre>
+    <pre class="selectable">{{ data }}</pre>
   </div>
 </template>