| 
									
										
										
										
											2018-04-10 22:09:07 -07:00
										 |  |  | <div class="more-items-header"> | 
					
						
							| 
									
										
										
										
											2018-02-11 19:15:21 -08:00
										 |  |  |   <button class="primary" type="button" on:click="onClick(event)"> | 
					
						
							| 
									
										
										
										
											2018-03-10 10:54:16 -08:00
										 |  |  |     Show {{count}} more | 
					
						
							| 
									
										
										
										
											2018-02-11 19:15:21 -08:00
										 |  |  |   </button> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | <style> | 
					
						
							|  |  |  |   .more-items-header { | 
					
						
							|  |  |  |     display: flex; | 
					
						
							|  |  |  |     padding: 5px; | 
					
						
							|  |  |  |     align-items: center; | 
					
						
							|  |  |  |     justify-content:center; | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | </style> | 
					
						
							|  |  |  | <script> | 
					
						
							|  |  |  |   export default { | 
					
						
							|  |  |  |     methods: { | 
					
						
							|  |  |  |       onClick(event) { | 
					
						
							|  |  |  |         let onClick = this.get('onClick') | 
					
						
							|  |  |  |         if (onClick) { | 
					
						
							|  |  |  |           onClick(event) | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |       } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | </script> |