Feature/remove js (#10480)

* Cleanup js

* Fix duplicate loading of backstretch

* Fix subtitle search

themes-default/slim/src/app.js

@@ -10,6 +10,11 @@ import { App } from './components';
 Vue.config.devtools = true;
 Vue.config.performance = true;
 
+if (document.body.getAttribute('developer') === 'True') {
+    Vue.config.devtools = true;
+    Vue.config.performance = true;
+}
+
 registerPlugins();
 
 // @TODO: Remove this before v1.0.0

themes-default/slim/src/components/backstretch.vue

@@ -10,7 +10,8 @@ export default {
     },
     data() {
         return {
-            created: false
+            created: false,
+            wrapper: null
         };
     },
     computed: {
@@ -53,21 +54,24 @@ export default {
                 $wrap.css('top', offset);
                 $wrap.css('opacity', opacity).fadeIn(500);
                 this.created = true;
+                this.wrapper = $wrap;
+            }
+        },
+        removeBackStretch() {
+            if (this.created) {
+                $.backstretch('destroy');
+                this.created = false;
             }
         }
     },
     destroyed() {
-        if (this.created) {
-            $.backstretch('destroy');
-        }
+        this.removeBackStretch();
     },
     activated() {
         this.setBackStretch();
     },
     deactivated() {
-        if (this.created) {
-            $.backstretch('destroy');
-        }
+        this.removeBackStretch();
     },
     watch: {
         opacity(newOpacity) {

themes-default/slim/src/components/display-show.vue

@@ -377,6 +377,7 @@
 
 <script>
 import debounce from 'lodash/debounce';
+import Vue from 'vue';
 import { mapState, mapGetters, mapActions } from 'vuex';
 import { AppLink, PlotInfo, SceneNumberInput, SceneNumberAnimeInput } from './helpers';
 import { humanFileSize } from '../utils/core';

themes-default/slim/src/components/schedule/calendar.vue

@@ -29,20 +29,17 @@
                 </ul>
             </div>
         </div>
-        <backstretch :slug="general.randomShowSlug" />
     </div>
 </template>
 <script>
 import { mapGetters, mapState } from 'vuex';
 import { AppLink, Asset } from '../helpers';
-import Backstretch from '../backstretch.vue';
 
 export default {
     name: 'calendar',
     components: {
         AppLink,
-        Asset,
-        Backstretch
+        Asset
     },
     computed: {
         ...mapState({

themes-default/slim/src/components/subtitle-search.vue

@@ -140,7 +140,8 @@ export default {
     },
     computed: {
         ...mapState({
-            general: state => state.config.general
+            general: state => state.config.general,
+            client: state => state.auth.client
         }),
         ...mapGetters({
             getLastReleaseName: 'getLastReleaseName'