| 
					
				 | 
			
			
				@@ -16,6 +16,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				Users 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				v-if="loggedIn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				class="button is-default" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				:class="{ selected: tab === 'my-playlists' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				@click="tab = 'my-playlists'" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -45,7 +46,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	computed: mapState({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		users: state => state.station.users, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		userCount: state => state.station.userCount 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		userCount: state => state.station.userCount, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		loggedIn: state => state.user.auth.loggedIn 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	}), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		...mapActions("modals", ["openModal"]) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -70,9 +72,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		border: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		text-transform: uppercase; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		font-size: 17px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		width: calc(33.3% - 2.5px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		color: #222; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		background-color: #ddd; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		width: -webkit-fill-available; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		&:not(:first-of-type) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			margin-left: 5px; 
			 |