docs: updated basic example to include actions example

core/README.md

@@ -53,6 +53,51 @@ export const setFirstName = mutation('set-first-name', (state, payload) => state
 export const setLastName = mutation('set-last-name', (state, payload) => state.lastName = payload);
 ```
 
+Or if you're using actions:
+
+```typescript
+import actionExtension from '@harlem/extension-action';
+
+import {
+    createStore
+} from '@harlem/core';
+
+const STATE = {
+    firstName: 'John',
+    lastName: 'Smith'
+};
+
+export const {
+    state,
+    getter,
+    mutation,
+    action,
+    ...store
+} = createStore('user', STATE, {
+    extensions: [
+        actionExtension()
+    ]
+});
+
+export const fullName = getter('fullname', state => {
+    return `${state.firstName} ${state.lastName}`;
+});
+
+export const loadUserData = action('load-user-data', async (id: string, mutate, { signal }) => {
+    const response = await fetch(`/api/users/${id}`, { signal });
+
+    const {
+        firstName,
+        lastName,
+    } = await response.json();
+
+    mutate(state => {
+        state.firstName = firstName;
+        state.lastName = lastName;
+    });
+});
+```
+
 4. Use your store in your app:
 ```html
 <template>

docs/src/guide/introduction/getting-started.md

@@ -59,19 +59,64 @@ export const {
     ...store
 } = createStore('user', STATE);
 
-export const fullName = getter('fullName', state => {
+export const fullName = getter('fullname', state => {
     return `${state.firstName} ${state.lastName}`;
 });
 
-export const setFirstName = mutation<string>('setFirstName', (state, payload) => {
+export const setFirstName = mutation('set-first-name', (state, payload: string) => {
     state.firstName = payload;
 });
 
-export const setLastName = mutation<string>('setLastName', (state, payload) => {
+export const setLastName = mutation('set-last-name', (state, payload: string) => {
     state.lastName = payload;
 });
 ```
 
+Or if you're using actions:
+
+```typescript
+import actionExtension from '@harlem/extension-action';
+
+import {
+    createStore
+} from '@harlem/core';
+
+const STATE = {
+    firstName: 'John',
+    lastName: 'Smith'
+};
+
+export const {
+    state,
+    getter,
+    mutation,
+    action,
+    ...store
+} = createStore('user', STATE, {
+    extensions: [
+        actionExtension()
+    ]
+});
+
+export const fullName = getter('fullname', state => {
+    return `${state.firstName} ${state.lastName}`;
+});
+
+export const loadUserData = action('load-user-data', async (id: string, mutate, { signal }) => {
+    const response = await fetch(`/api/users/${id}`, { signal });
+
+    const {
+        firstName,
+        lastName,
+    } = await response.json();
+
+    mutate(state => {
+        state.firstName = firstName;
+        state.lastName = lastName;
+    });
+});
+```
+
 ## Use your store in your app
 
 To use your store in your app just import the parts you need and the rest is history.