fix: use unique top level selector

nuxt · Apr 24, 2019 · 4f8811e · 4f8811e
1 parent fa0e429
commit 4f8811e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/app.vue b/app/app.vue
@@ -52,7 +52,7 @@ import wsMixin from './mixins/ws'
 const waitFor = ms => new Promise(resolve => setTimeout(resolve, ms))
 
 export default {
-  el: '#app',
+  el: '#nuxt_loading_screen',
 
   mixins: [
     capitalizeMixin,
@@ -166,7 +166,7 @@ export default {
 
       // Fetch server side content
       const fetchHTML = () => fetch(location.href).then(res => res.text())
-      const isLoading = html => html.includes('<!-- loading_app -->')
+      const isLoading = html => html.includes('<!-- nuxt_loading_screen -->')
       let html = await fetchHTML()
 
       // Detect if still loading and wait a few more seconds

diff --git a/app/index.html b/app/index.html
@@ -7,8 +7,8 @@
   <title><%= html.title %></title>
 </head>
 <body>
-  <!-- loading_app -->
-  <div id="app"></div>
+  <!-- nuxt_loading_screen -->
+  <div id="nuxt_loading_screen"></div>
   <script>window.$STATE = {STATE}</script>
   <script>window.$BASE_URL = '{BASE_URL}'</script>
 </body>