diff --git a/src/App.vue b/src/App.vue
index 30f5d21..554e13a 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 0000000..8089c3b
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,4 @@
+<template lang="pug">
+footer.footer
+    span copyright2022
+</template>