file belongs to sigmawebstore-by -ali

shoptopaea-sigmawebstore-issue.js

const ShopTopArea = {
	template: /* html */ `
		<div class="desktop-tab">
			<div class="shop-top-bar d-flex">
				<!-- Right Side Start -->
				<div class="select-shoing-wrap d-flex align-items-center">
					<select class="form-control form-control-lg">
						<option>Default</option>
						<option value="3"> Price, low to high</option>
						<option value="4"> Price, high to low</option>
					</select>

				</div>
				<!-- Right Side End -->
				<!-- Right Side Start -->
				<div class="select-shoing-wrap d-flex align-items-center">
					<div class="shot-product">
						{{selected}}<p>Show:</p>
					</div>
					<div class="shop-select show">
						<select
							class="form-control
							form-control-lg"
							v-model="selected"
							@change="func"
						>
							<option
								v-for="option in options"
								:key="option"
							>
								{{option}}
							</option>
						</select>
					</div>
				</div>
			</div>
		</div>
	`,

	props: ["options", "selected", "getLime"],
	data() {
		return {};
	},

	methods: {
		func() {
			this.getLime();
			console.log("func");
		},
	},
};