footer casi listo

nuxt_bootstrap/components/layouts/Footer.vue

@@ -1,9 +1,33 @@
 <template>
-  <div>hola</div>
+  <footer class="footer pt-5 pb-5">
+    <div class="container text-center pb-5">
+      <p>Hecho en México, todos los derechos reservados {{ year() }}.</p>
+
+      <p>
+        Esta página puede ser reproducida con fines no lucrativos, siempre y
+        cuando no se mutile, se cite la fuente completa y su dirección
+        electrónica. De otra forma, requiere permiso previo por escrito de la
+        institución.
+      </p>
+    </div>
+  </footer>
 </template>
 
 <script>
-export default {}
+import moment from 'moment'
+
+export default {
+  methods: {
+    year() {
+      return moment().year()
+    },
+  },
+}
 </script>
 
-<style scoped></style>
+<style scoped>
+footer {
+  background-color: #1d3d6f;
+  color: #fff;
+}
+</style>

nuxt_buefy/components/layouts/Footer.vue

@@ -1,6 +1,6 @@
 <template>
   <footer class="footer">
-    <div class="has-text-centered is-size-7-touch is-size-6-desktop">
+    <div class="container has-text-centered is-size-7-touch is-size-6-desktop">
       <p>Hecho en México, todos los derechos reservados {{ year() }}.</p>
 
       <p>

nuxt_buefy/nuxt.config.js

@@ -2,10 +2,10 @@ export default {
   ssr: false,
   /* Server de pruebas */
   // server: { port: 3016 },
-  server: { port: 8080 },
+  server: { port: 3000 },
   target: 'static',
   head: {
-    title: 'nuxt_bootstrap',
+    title: 'nuxt_buefy',
     htmlAttrs: {
       lang: 'es',
     },