瀏覽代碼

:bug: trying to fail loading posts of type gracefully on homepage

tags/0.9.0
J 4 年之前
父節點
當前提交
44a8865de6
共有 1 個文件被更改,包括 24 次插入20 次删除
  1. 24
    20
      vue-theme/src/pages/index.vue

+ 24
- 20
vue-theme/src/pages/index.vue 查看文件

@@ -4,57 +4,61 @@
4 4
     article 
5 5
         ul.f-grow.f-col
6 6
             //- if sticky
7
-            li.f-row.wrap.w-max
8
-                h3(v-if="!allStickyLoaded") loading...
9
-                section(v-else-if="allStickyLoaded").w-max.shadow
10
-                    h4.t-cap sticky
11
-                    ul
12
-                        li(v-for="sticky in allSticky")
13
-                            p {{ sticky.type }}: {{ sticky.title }}
7
+            //- li.f-row.wrap.w-max
8
+            //-     h3(v-if="!allStickyLoaded") loading...
9
+            //-     section(v-else-if="allStickyLoaded").shadow
10
+            //-         h4.t-cap sticky
11
+            //-         ul
12
+            //-             li(v-for="sticky in allSticky")
13
+            //-                 p {{ sticky.type }}: {{ sticky.title }}
14 14
             //- loading
15
-            li.f-row.wrap.w-max
16
-                h3(v-if="!allPagesLoaded") loading...
17
-                .content(v-else-if="allPages['welcome']" v-html="allPages['welcome'].content")
15
+            //- li.f-row.wrap.w-max
16
+            //-     h3(v-if="!allPagesLoaded") loading...
17
+            //-     .content(v-else-if="allPages['welcome']" v-html="allPages['welcome'].content")
18 18
 
19 19
             //- top section
20 20
             li.f-row.wrap.w-max
21
-                section(v-if="allEpisodesLoaded").w-max.shadow
21
+                section(v-if="allEpisodesLoaded && allEpisodes").shadow
22 22
                     router-link(:to="`/episodes`")
23 23
                         h3.t-up episodes
24
-                    router-link(v-if="allEpisodes.length > 0" :to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
24
+                    router-link(:to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
25 25
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
26 26
                         h2.t-up.t-cntr {{ Object.values(allEpisodes)[0].slug }}
27 27
                     p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
28 28
 
29
-                section(v-if="allExhibitionsLoaded").w-max.shadow
29
+                section(v-if="allExhibitionsLoaded && allExhibitions").shadow
30 30
                     router-link(:to="`/exhibitions`")
31 31
                         h3.t-up exhibitions
32
-                    router-link(v-if="allExhibitions.length > 0" :to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
32
+                    router-link(:to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
33 33
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
34 34
                         h2.t-up.t-cntr {{ Object.values(allExhibitions)[0].slug }}
35
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
35 36
 
36
-                section(v-if="allEventsLoaded").w-max.shadow
37
+                section(v-if="allEventsLoaded && allEvents").shadow
37 38
                     router-link(:to="`/events`")
38 39
                         h3.t-up events
39
-                    router-link(v-if="allEvents.length > 0" :to="`/events/${Object.values(allEvents)[0].slug}`")
40
+                    router-link(:to="`/events/${Object.values(allEvents)[0].slug}`")
40 41
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
41 42
                         h2.t-up.t-cntr {{ Object.values(allEvents)[0].slug }}
43
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
42 44
 
43
-                section(v-if="allPostsLoaded").w-max.shadow
45
+                section(v-if="allPostsLoaded && allPosts").shadow
44 46
                     router-link(:to="`/posts`")
45 47
                         h3.t-up shorts PLACEHOLDER
46
-                    router-link(v-if="allPosts.length > 0" :to="`/posts/${Object.values(allPosts)[0].slug}`")
48
+                    router-link(:to="`/posts/${Object.values(allPosts)[0].slug}`")
47 49
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
48 50
                         h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
51
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
49 52
 
50 53
             //- middle row
51 54
             li.f-row.wrap.w-max
52
-                section(v-if="allArtistsLoaded").w-max.shadow
55
+                section(v-if="allArtistsLoaded && allArtists").shadow
53 56
                     router-link(:to="`/artists`")
54 57
                         h3.t-up artists
55
-                    router-link(v-if="allArtists.length > 0" :to="`/artists/${Object.values(allArtists)[0].slug}`")
58
+                    router-link(:to="`/artists/${Object.values(allArtists)[0].slug}`")
56 59
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
57 60
                         h2.t-up.t-cntr {{ Object.values(allArtists)[0].slug }}
61
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
58 62
 
59 63
             //- footer row
60 64
             li.f-row.wrap.w-max

Loading…
取消
儲存