Agregado soporte para disqus en los animes

package.json

@@ -12,6 +12,7 @@
     "mysql": "^2.16.0",
     "register-service-worker": "^1.6.2",
     "vue": "^2.6.6",
+    "vue-disqus": "^3.0.5",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",
     "yaml": "^1.4.0"

src/components/Anime/Anime.vue

@@ -3,8 +3,6 @@
         div(v-if="estadoAnime === 0") Cargando...
         div(v-if="estadoAnime === -1") Error. Anime no encontrado
         div(v-if="estadoAnime === 1")
-            // div.titulo {{ anime.titulo }} -> {{ anime.anime_ID }}
-            // p {{ anime }}
             br
             br
             div.datos
@@ -24,6 +22,9 @@
                         div.tarjeta.fondo1.op-ed ops y eds aqui. En construcción.
                     br
                     panel-de-descarga(:animeid="anime.anime_ID" :color="anime.color")
+                    div.tarjeta.background__disqus
+                        vue-disqus(shortname="www-pseudosubs-com" :identifier="nombreCortoAnime"
+                            :url="'https://pseudosubs.com/Anime/' + nombreCortoAnime")
             br
             //
 </template>
@@ -39,6 +40,9 @@
             anime: {}
             # -1 no encontrado, 0 cargando y 1 encontrado
             estadoAnime: 0
+        computed:
+            nombreCortoAnime: ->
+                @anime.link?.substr(7)
         created: ->
             _ = this
             animes = @$store.state.animes
@@ -70,6 +74,10 @@
 <style scoped lang="sass">
     @import "../../assets/sass/variables"
 
+    .background__disqus
+        background-color: #101010
+        padding: 15px
+
     .contenedor
         margin: 0 50px
 

src/components/Inicio/y-notaras-la-diferencia.vue

@@ -1,12 +1,12 @@
 <!-- Y notarás la diferencia. Responsivo hasta 285px de ancho. -->
 <template lang="pug">
     div(style="position: absolute; width: 100%")
-    div.contImg(:style="'min-height: ' + altoPantalla + 'px' ")
+        div.contImg(:style="'min-height: ' + altoPantalla + 'px; ' + imagenActual")
         div.otro(:style="'min-height: ' + altoPantalla + 'px' ")
             div.col
                 div.fil
-          div.titulo <!--Cámbiate a PseudoSubs--> RIP PseudoSubs - 2017-2019
+                    div.titulo PseudoSubs ain't fansub
-          div.motto Y notarás la diferencia <small>¿O no?</small>
+                    div.motto Nuevos eps cuando me de la gana.
                     br
                     br
                     br
@@ -25,6 +25,9 @@
                 window.innerHeight ? document.documentElement.clientHeight ? document.body.clientHeight
             anchoPantalla: ->
                 window.innerWidth ? document.documentElement.clientWidth ? document.body.clientWidth
+            imagenActual: ->
+                num = Math.floor(Math.random() * 1) + 1
+                "background-image: url(\"/img/notaras-dif-img/img#{num}.svg\")"
 #
 
 </script>
@@ -38,7 +41,7 @@
         filter: brightness(0.4)
 
 
-    background-image: url("../../assets/img/y_notaras_la_diferencia.jpg")
+        // background-image: url("/img/notaras-dif-img/img1.webp")
         background-attachment: fixed
         background-position: center
         background-repeat: no-repeat
@@ -52,19 +55,23 @@
         z-index: 2
         width: 100%
         display: inline-table
+
         .col
             display: table-row
+
             .fil
                 display: table-cell
                 vertical-align: middle
                 text-align: center
                 color: white
+
                 .titulo
                     padding: 0 20px
                     font:
                         family: "Product Sans", Muli, "Open Sans", sans-serif
                         weight: bold
                         size: 4rem
+
                 .comparar
                     display: inline-block
                     color: white

src/main.js

@@ -3,8 +3,10 @@ import App from './App.vue'
 import router from './router.coffee'
 import store from './store.coffee'
 import './registerServiceWorker'
+import VueDisqus from "vue-disqus"
 
 Vue.config.productionTip = false;
+Vue.use(VueDisqus);
 
 new Vue({
   router,

src/views/Inicio.vue

@@ -6,7 +6,6 @@
         caracteristicas
         y-notaras-la-diferencia
     //
-
 </template>
 
 <script lang="coffee">

yarn.lock

@@ -8171,6 +8171,11 @@ vue-cli-plugin-express@^1.0.0:
     portfinder "^1.0.17"
     ts-node "^7.0.1"
 
+vue-disqus@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/vue-disqus/-/vue-disqus-3.0.5.tgz#8d0dd5cabdba7c47f82d129d2907a64366842fa8"
+  integrity sha512-T3Y68lXf5W2lYt6j4Y3kZ4opLPH0EAzqriy11MS4D4Q2+UN0tFuUXeYP1MxfvdyaCEboXSM6CUswxsULuNV70Q==
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz#2756f46cb3258054c5f4723de8ae7e87302a1ccf"