test span

src/App.vue

@@ -3,6 +3,7 @@
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
 import Header from './components/Header.vue';
 import HelloWorld from './components/HelloWorld.vue';
+import Footer from './components/Footer.vue'
 </script>
 
 <template lang="pug">
@@ -11,6 +12,7 @@ Header/
 .content
   img(alt="Vue logo" src="./assets/logo.png")/
   HelloWorld(msg="Hello Vue 3 + Vite")/
+  Footer/
 </template>
 
 <style>

src/components/Footer.vue

@@ -0,0 +1,4 @@
+<template lang="pug">
+footer.footer
+    span copyright2022
+</template>