Fix waves in error page

layouts/error.vue

@@ -49,7 +49,7 @@
       preserveAspectRatio="none"
       viewBox="0 0 3000 700"
       class="bottom-0 absolute"
-      style="margin-bottom: -24%"
+      style="margin-bottom: -500px"
     >
       <g transform="translate(1500,350) scale(1,1) translate(-1500,-350)">
         <linearGradient id="wave-color" x1="0" x2="1" y1="0" y2="0">

plugins/directives.client.js

@@ -12,7 +12,7 @@ Vue.directive('focus', {
 Vue.directive('prevent-last-char-break', {
   inserted(el, binding) {
     const txt = el.innerHTML.trim()
-    if (/.*\W[?!:;]$/.test(txt))
+    if (/.*\s[?!:;]$/.test(txt))
       el.innerHTML = txt.substr(0, txt.length - 2) + ' ' + txt.substr(-1)
   },
 })