Syntatic sugar for state "getters"

[trev-dev]

Forgive me if there's already a way to do this, but it would be cool if I could attach some $store to x-data on a component as a locally scoped, uniquely named variable and see changes to the global store update those local variables as well This is what getters are for. This idea is more of a request for syntactic sugar now.

Here's an example of what I'm talking about:

<div x-data="{ message: $store.namespace.message }">
   <!-- local scope will not update on button click -->
   <span x-text="message"></span><br>
   <!-- global scope will update on button click -->
  <span x-text="$store.namespace.message"></span>
  <button @click="$store.namespace.update">Update Message</button>
</div>

<script>
Alpine.store('namespace' {
  message: "Hello, World",
  update() {
    this.message = "Hello, Alpine"
   }
Alpine.start()
</script>