feat(examples): added nuxt 3 demo

.gitignore

@@ -62,9 +62,12 @@ dist
 docs/public
 
 # vuepress build output
-.vuepress/dist
+.vuepress/dist/
 .vuepress/.temp/
 
+.nuxt/
+.output/
+
 .DS_STORE
 .idea
 

examples/nuxt/README.md

@@ -0,0 +1,29 @@
+# Nuxt 3 Minimal Starter
+
+We recommend to look at the [documentation](https://v3.nuxtjs.org).
+
+## Setup
+
+Make sure to install the dependencies
+
+```bash
+yarn install
+```
+
+## Development
+
+Start the development server on http://localhost:3000
+
+```bash
+yarn dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+yarn build
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).

examples/nuxt/app.vue

@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <div>
+            <div>{{ state }}</div>
+            <input type="text" v-model="firstName">
+            <input type="text" v-model="lastName">
+            <div>
+                <button @click="reset()">Reset</button>
+            </div>
+        </div>
+        <NuxtWelcome />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import {
+    state,
+    reset,
+    computeState
+} from './store';
+
+const firstName = computeState(s => s.firstName);
+const lastName = computeState(s => s.lastName);
+</script>

examples/nuxt/nuxt.config.ts

@@ -0,0 +1,10 @@
+import {
+    defineNuxtConfig,
+} from 'nuxt3';
+
+// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
+export default defineNuxtConfig({
+    modules: [
+        '@nuxtjs/harlem',
+    ],
+});

examples/nuxt/package.json

@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "nuxi dev",
+        "build": "nuxi build",
+        "start": "node .output/server/index.mjs"
+    },
+    "devDependencies": {
+        "nuxt3": "latest"
+    },
+    "dependencies": {
+        "@harlem/extension-compose": "^2.2.3",
+        "@harlem/extension-reset": "^2.2.3",
+        "@harlem/extension-storage": "^2.2.3",
+        "@nuxtjs/harlem": "^1.0.1"
+    }
+}

examples/nuxt/store.ts

@@ -0,0 +1,22 @@
+import composeExtension from '@harlem/extension-compose';
+import storageExtension from '@harlem/extension-storage';
+import resetExtension from '@harlem/extension-reset';
+
+export const {
+    state,
+    getter,
+    reset,
+    computeState,
+} = createStore('app', {
+    firstName: 'John',
+    lastName: 'Smith',
+}, {
+    extensions: [
+        composeExtension(),
+        storageExtension({
+            prefix: 'nuxt',
+            restore: true,
+        }),
+        resetExtension(), // order is important!
+    ],
+});

examples/nuxt/tsconfig.json

@@ -0,0 +1,4 @@
+{
+    // https://v3.nuxtjs.org/concepts/typescript
+    "extends": "./.nuxt/tsconfig.json"
+}

package.json

@@ -10,6 +10,7 @@
         "app",
         "core",
         "docs",
+        "examples/*",
         "packages/*",
         "extensions/*",
         "plugins/*"