move meowo to another file

src/app.svelte

@@ -1,12 +1,6 @@
 <script>
     import styles from './app.module.scss';
-    
+    import Meowo from './meowo.svelte';
-    let meowo_meow = '';
-    for (let i = 0; i != 50; i++) {
-        const meows = ['meow', 'mowe', 'mewo', 'mweo', 'nya', 'm:3wo'];
-        meowo_meow += meows[Math.floor(Math.random() * meows.length)] + ' ';
-        if (i % 10 === 0 && i != 0) meowo_meow += '<br/>'
-    }
 </script>
 
 <main class={styles.root}>
@@ -52,12 +46,7 @@
         </table>
     </div>
 
-    <div class={styles.block + ' ' + styles.cat}>
+    <div class={styles.block}>
-        <h1>meow mewoweu :3</h1>
+        <Meowo></Meowo>
-        <p>this is a cat cat kitty cat zone :3</p>
-        <img src='/assets/the_meowo.png' alt='meowo the greatnes :3' width="600px">
-        <h1>Meowo "The greatness"</h1>
-        <p>Worship the great Meowo</p>
-        <p>{@html meowo_meow}</p>
     </div>
 </main>

src/meowo.module.scss

@@ -0,0 +1,7 @@
+.cat {
+    padding: 32px 0;
+
+    background: url(/assets/kittycatcat.png);
+    background-size: cover;
+    text-shadow: 0 2px 2px black;
+}

src/meowo.svelte

@@ -0,0 +1,20 @@
+<script>
+
+    import styles from './meowo.module.scss';
+
+    let meowo_meow = '';
+    for (let i = 0; i != 50; i++) {
+        const meows = ['meow', 'mowe', 'mewo', 'mweo', 'nya', 'm:3wo'];
+        meowo_meow += meows[Math.floor(Math.random() * meows.length)] + ' ';
+        if (i % 10 === 0 && i != 0) meowo_meow += '<br/>'
+    }
+</script>
+
+<div class={styles.cat}>
+    <h1>meow mewoweu :3</h1>
+    <p>this is a cat cat kitty cat zone :3</p>
+    <img src='/assets/the_meowo.png' alt='meowo the greatnes :3' width="600px">
+    <h1>Meowo "The greatness"</h1>
+    <p>Worship the great Meowo</p>
+    <p>{@html meowo_meow}</p>
+</div>