Allowing image sources to specify queue method. Using 5s queue for Whale Member to avoid CDN time-outs.

assets/components/scroll/scroll.vue

@@ -4,7 +4,7 @@
 			v-if="expanded"
 			:expanded="expanded"
 			class="expand-dark"
-			@expand="(state) => expanded = state"
+			@expand="(state) => $emit('expand', state)"
 		/>
 
 		<div class="scrollable">
@@ -12,7 +12,7 @@
 				v-if="expanded"
 				:expanded="expanded"
 				class="expand-light"
-				@expand="(state) => expanded = state"
+				@expand="(state) => $emit('expand', state)"
 			/>
 
 			<div
@@ -22,12 +22,7 @@
 				@click="scroll('left')"
 			><Icon icon="arrow-left3" /></div>
 
-			<slot v-if="!expanded" />
-
-			<slot
-				v-if="expanded"
-				name="expanded"
-			/>
+			<slot />
 
 			<div
 				v-show="enabled && !expanded"
@@ -41,14 +36,14 @@
 			v-if="expanded || (expandable && scrollable)"
 			:expanded="expanded"
 			class="expand-dark"
-			@expand="(state) => expanded = state"
+			@expand="(state) => $emit('expand', state)"
 		/>
 
 		<Expand
 			v-if="expanded || (expandable && scrollable)"
 			:expanded="expanded"
 			class="expand-light"
-			@expand="(state) => expanded = state"
+			@expand="(state) => $emit('expand', state)"
 		/>
 	</div>
 </template>
@@ -107,6 +102,10 @@ export default {
 			type: Boolean,
 			default: true,
 		},
+		expanded: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {
@@ -114,7 +113,6 @@ export default {
 			scrollable: true,
 			scrollAtStart: true,
 			scrollAtEnd: false,
-			expanded: false,
 		};
 	},
 	mounted,