Move many things over from Knossos (and other rearrangements) (#102)

lib/components/brand/AnimatedLogo.vue

@@ -18,8 +18,9 @@
             />
           </g>
         </g>
-      </g></svg
-    ><svg
+      </g>
+    </svg>
+    <svg
       class="rotate inner"
       width="100%"
       height="100%"
@@ -45,9 +46,7 @@
       viewBox="0 0 590 591"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       xml:space="preserve"
-      xmlns:serif="http://www.serif.com/"
       style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
     >
       <g transform="matrix(1,0,0,1,652.392,-0.400578)">
@@ -72,12 +71,6 @@
   </div>
 </template>
 
-<script>
-export default {
-  name: 'AnimatedLogo',
-}
-</script>
-
 <style lang="scss" scoped>
 div {
   height: 5rem;

lib/components/brand/TextLogo.vue

@@ -7,7 +7,7 @@
     stroke-miterlimit="2"
     clip-rule="evenodd"
     viewBox="0 0 3307 593"
-    :class="{ animate: animate }"
+    :class="{ animate }"
   >
     <path
       fill-rule="nonzero"
@@ -30,16 +30,13 @@
   </svg>
 </template>
 
-<script>
-export default {
-  name: 'TextLogo',
-  props: {
-    animate: {
-      type: Boolean,
-      default: false,
-    },
+<script setup>
+defineProps({
+  animate: {
+    type: Boolean,
+    default: false,
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>