f820602h / vue-stage-play Goto Github PK

Module parse failed: Unexpected token (1:8822)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
.....
{t.provide(D,e||{}),t.component("StagePlayScene",_e),t.component("StagePlaySpotlight",Oe)}}}export{_e as StagePlayScene,Oe as StagePlaySpotlight,Ue as stagePlayPlugin,Ke as useStagePlay};
...
e&type=script&lang=js&
 @ ./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.50.167:3000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

<template>
	<StagePlaySpotlight>
		<v-card>
			<top-header v-if="header.showHeader" />

			<v-navigation-drawer v-if="showNavigation" v-model="drawer" permanent app>
				<button @click="callAction('basic')">Start</button>

				<v-list nav dense>
					<v-list-item-group class="list-item-group" :value="selectedItem" color="primary">
						<StagePlayScene
							:act-name="'basic'"
							:scene="1"
							:voice-over-title="'Step1'"
							:voice-over-content="'Open the door of the refrigerator.'"
						>
							<v-list-item
								v-for="(item, index) in navigationItems"
								:key="index"
								:class="`tour-guide-${index + 1}`"
								class="list-item-style"
								link
								@click="navigate(item.route)"
							>
								<v-list-item-icon class="list-item-icon">
									<v-icon class="item-icon" color="primary">{{ item.icon }}</v-icon>
								</v-list-item-icon>
								<v-list-item-title class="list-item-title" color="primary">{{ $t(item.label) }}</v-list-item-title>
							</v-list-item>
						</StagePlayScene>
					</v-list-item-group>
				</v-list>
			</v-navigation-drawer>
		</v-card>
	</StagePlaySpotlight>
</template>

<script>
	import { mapState, mapGetters, mapActions } from 'vuex'
	import { StagePlaySpotlight, StagePlayScene, useStagePlay } from 'vue-stage-play'

	import Header from './Header'

	const { action } = useStagePlay()

	export default {
		name: 'Navigation',
		components: {
			'top-header': Header,
			StagePlaySpotlight,
			StagePlayScene
		},
		...
		methods: {
			...
			callAction(actionMethod) {
				action(actionMethod)
			}
		}
	}
</script>