feat(v2): prepare v2 (#75)

Co-authored-by: Yaël Guilloux <[email protected]>
Co-authored-by: Josef Jelínek <[email protected]>
Co-authored-by: Shawn P M <[email protected]>
Co-authored-by: Christian Preston <[email protected]>

Author: 4 people

.eslintrc

@@ -1,3 +1,55 @@
 {
-  "extends": "@antfu"
+  "root": true,
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "ignorePatterns": [
+    "dist/**/*",
+    ".output/**/*",
+    ".nuxt/**/*",
+    "*.css",
+    "*.md"
+  ],
+  "extends": [
+    "@nuxtjs/eslint-config-typescript",
+    "@antfu",
+    "plugin:prettier-vue/recommended",
+    "prettier"
+  ],
+  "settings": {
+    "import/ignore": [
+      "vue"
+    ]
+  },
+  "rules": {
+    "semi": "error",
+    "antfu/if-newline": 0,
+    "vue/static-class-names-order": "off",
+    "vue/multi-word-component-names": "off",
+    "vue/require-component-is": "off",
+    "vue/no-multiple-template-root": "off",
+    "vue/no-v-text-v-html-on-component": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "off"
+    ],
+    "@typescript-eslint/semi": [
+      "error"
+    ],
+    "@typescript-eslint/comma-dangle": [
+      "error"
+    ],
+    "comma-dangle": "error",
+    "no-unused-vars": 0,
+    "prettier-vue/prettier": [
+      "error",
+      {
+        "printWidth": 180,
+        "semi": false,
+        "singleQuote": true,
+        "tabWidth": 2,
+        "trailingComma": "all"
+      }
+    ]
+  }
 }

.github/workflows/ci.yml

@@ -1,4 +1,4 @@
-name: Test package
+name: Build and tests
 
 on:
   push:
@@ -29,10 +29,10 @@ jobs:
         with:
           version: 6.24.3
 
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ matrix.node }}
         uses: actions/setup-node@v2
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: ${{ matrix.node }}
           registry-url: https://registry.npmjs.org/
           cache: "pnpm"
 

.github/workflows/publish.yml

@@ -0,0 +1,49 @@
+name: Build playgrounds
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  ci:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [ubuntu-latest] # macos-latest, windows-latest
+        node: [16]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@master
+        with:
+          persist-credentials: false
+          fetch-depth: 0
+
+      - name: Install PNPM
+        uses: pnpm/[email protected]
+        with:
+          version: 6.24.3
+
+      - name: Use Node.js ${{ matrix.node }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+          registry-url: https://registry.npmjs.org/
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build project (Vite)
+        run: pnpm build:vite
+
+      - name: Build project (Nuxt)
+        run: pnpm build:nuxt
+
+      - name: Build project (Vite SSG)
+        run: pnpm build:ssg

.github/workflows/targets.yml

@@ -1 +1,2 @@
-shamefully-hoist=true
+ignore-workspace-root-check=true
+shamefully-hoist=true

.npmrc

@@ -1 +1 @@
-14
+16

.nvmrc

@@ -7,11 +7,10 @@
 **Vue Composables** putting your **components** in **motion**
 
 - 🏎 **Smooth animations** based on [**Popmotion**](https://popmotion.io/)
-- 🎮 **Declarative** API
+- 🎮 **Declarative** API inspired by [**Framer Motion**](https://www.framer.com/motion/)
 - 🚀 **Plug** & **play** with **20+ presets**
-- ✅ Supports **Vue 2 & 3** using [**vue-demi**](https://github.com/antfu/vue-demi)
-- 🌐 Supports **SSR**
-- 🚚 Supports **Nuxt 3** and **@nuxt/bridge**
+- 🌐 **SSR Ready**
+- 🚚 First-class support for **Nuxt 3**
 - ✨ Written in **TypeScript**
 - 🏋️‍♀️ Lightweight with **<20kb** bundle size
 
@@ -21,12 +20,12 @@
 
 ## Quick Start
 
-Let's **get started** quick by **installing** the **package** and adding the **plugin**.
+Let's **get started** by **installing** the **package** and adding the **plugin**.
 
 From your **terminal**:
 
 ```bash
-pnpm add @vueuse/motion
+yarn add @vueuse/motion
 ```
 
 In your **Vue** app **entry** file:
@@ -65,15 +64,17 @@ To see more about how to use **directives**, check out [**Directive Usage**](htt
 
 To see more about what **properties** you can **animate**, check out [**Motion Properties**](https://motion.vueuse.org/motion-properties).
 
-To see more about how to **create** your own **animations** styles, check out [**Transition Properties**](https://motion.vueuse.org/transition-properties).
+To see more about how to **create** your own **animation** styles, check out [**Transition Properties**](https://motion.vueuse.org/transition-properties).
 
 To see more about what are **variants** and how you can **use** them, check out [**Variants**](https://motion.vueuse.org/variants).
 
 To see more about how to **control** your declared **variants**, check out [**Motion Instance**](https://motion.vueuse.org/motion-instance).
 
 ## Credits
 
-This package is **heavily** inspired by [**Framer Motion**](https://www.framer.com/motion/).
+This package is **heavily** inspired by [**Framer Motion**](https://www.framer.com/motion/) by [**https://twitter.com/mattgperry**].
+
+If you are interested in using [WAAPI](https://developer.mozilla.org/fr/docs/Web/API/Web_Animations_API), check out [Motion.dev](https://motion.dev/)!
 
 I would also like to **thank** [**antfu**](https://github.com/antfu), [**patak-dev**](https://github.com/patak-dev) and [**kazupon**](https://github.com/kazupon) for their kind help!
 

.vscode/settings.json

@@ -1,5 +1,3 @@
-import { copySync } from 'fs-extra'
-import consola from 'consola'
 import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
@@ -38,11 +36,19 @@ export default defineBuildConfig({
       format: 'cjs',
       ext: 'cjs',
     },
+    // Copy runtime folder with mkdist
+    {
+      builder: 'mkdist',
+      input: 'src/nuxt/runtime',
+      outDir: 'dist/runtime',
+      declaration: false,
+    },
   ],
   externals: [
     '@nuxt/kit',
     '@nuxt/schema',
     'nuxt3',
+    'nuxt',
     'vue',
     'defu',
     '@vueuse/motion',
@@ -53,18 +59,6 @@ export default defineBuildConfig({
     '@vue/compiler-core',
     '@babel/parser',
     '@vue/shared',
-    'vue-demi',
     '@vueuse/core',
   ],
-  hooks: {
-    'build:done': () => {
-      copySync(
-        'src/nuxt/runtime',
-        'dist/runtime',
-      )
-
-      // eslint-disable-next-line no-console
-      consola.info('Nuxt runtime copied to `dist/`!')
-    },
-  },
 })