From 2b601f35665757d1b12452b3d1af656ad1a64943 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C3=ABl=20Guilloux?= <yael.guilloux@gmail.com>
Date: Thu, 24 Mar 2022 01:35:12 +0100
Subject: [PATCH] feat(playground): add nuxt/ssr playground

---
 nuxt-playground/app.vue        |  8 ++++++++
 nuxt-playground/nuxt.config.ts | 28 ++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 nuxt-playground/app.vue
 create mode 100644 nuxt-playground/nuxt.config.ts

diff --git a/nuxt-playground/app.vue b/nuxt-playground/app.vue
new file mode 100644
index 00000000..dbc90437
--- /dev/null
+++ b/nuxt-playground/app.vue
@@ -0,0 +1,8 @@
+<template>
+  <div v-motion-slide-rotate-top>
+    Nuxt module playground!
+  </div>
+</template>
+
+<script setup>
+</script>
diff --git a/nuxt-playground/nuxt.config.ts b/nuxt-playground/nuxt.config.ts
new file mode 100644
index 00000000..c8824d8f
--- /dev/null
+++ b/nuxt-playground/nuxt.config.ts
@@ -0,0 +1,28 @@
+import { resolve } from 'path'
+import { defineNuxtConfig } from 'nuxt3'
+import MyModule from '../dist/nuxt.mjs'
+
+export default defineNuxtConfig({
+  alias: {
+    '@vueuse/motion': resolve(__dirname, '../src/index.ts'),
+  },
+  modules: [
+    MyModule,
+  ],
+  motion: {
+    directives: {
+      'slide-rotate-top': {
+        initial: {
+          y: -400,
+          opacity: 0,
+          rotate: 90,
+        },
+        enter: {
+          y: 0,
+          opacity: 1,
+          rotate: 0,
+        },
+      },
+    },
+  },
+})