JSFiddle - React, Tailwind, and code Playground

by t2t2

HTML

<script src="https://unpkg.com/vuex"></script>
<div id="app">
	Test:
	<pre><code>{{ test }}</code></pre>
	Expected:
	<pre><code>{{ expected }}</code></pre>
</div>

Babel + JSX

const store = new Vuex.Store({
	modules: {
		parent: {
			namespaced: true,
			state: {
				item1: 'parent'
			},
			modules: {
				child: {
					state: {
						item2: 'child'
					}
				}
			}
		}
	}
})

const app = new Vue({
	computed: {
		...Vuex.mapState('parent', {
			test: state => state
		}),
		...Vuex.mapState({
			expected: state => state.parent
		})
	},
	el: '#app',
	store
})