Add : Example Folder Added

Redskullvue · Redskullvue · commit c17da0b78504 · 2025-10-04T14:10:27.000+03:30
diff --git a/examples/basic/app.vue b/examples/basic/app.vue
@@ -0,0 +1,17 @@
+<template>
+  <div style="padding: 2rem">
+    <button @click="show = !show">Toggle Fade</button>
+    <!-- Use the component -->
+    <Fade :duration="600" :appear="true" easing="ease-in-out">
+      <p v-if="show">✨ Hello World from Fade Animation !</p>
+    </Fade>
+    <!-- Use these props to change the behavior of your animation -->
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+// Import the component
+import { Fade } from '../../src/components/Fade.vue'
+const show = ref(true)
+</script>
diff --git a/examples/basic/index.html b/examples/basic/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Vue Motion Example - Basic</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>
diff --git a/examples/basic/main.js b/examples/basic/main.js
@@ -0,0 +1,8 @@
+import { createApp } from 'vue'
+import App from './app.vue'
+
+// Import the styles in main.js + Use the Component in you project (app.vue)
+import '../../src/styles/animations.css'
+
+const app = createApp(App)
+app.mount('#app')
