refactor!: project maintanace (Akryum#959)

* refactor: project maintanace

* fix: using `exports` field in package.json (Akryum#937)

Co-authored-by: Anthony Fu <[email protected]>

* chore: clean up

* chore: to vitepress

* feat: migrate theme editor

* chore: move files

---------

Co-authored-by: Ferdinand Thiessen <[email protected]>

Author: antfu

.github/workflows/release-note.yml

@@ -0,0 +1,28 @@
+name: Create release
+
+permissions:
+  contents: write
+
+on:
+  push:
+    tags:
+      - "v*" # Push events to matching v*, i.e. v1.0, v20.15.10
+  workflow_dispatch:
+
+jobs:
+  build:
+    name: Create Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all tags
+
+      - name: Create Release for Tag
+        id: release_tag
+        uses: Akryum/[email protected]
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}

CONTRIBUTING.md

@@ -0,0 +1,34 @@
+{
+  "name": "demo2",
+  "version": "2.0.0-beta.20",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "test:e2e": "echo \"TODO\"",
+    "lint": "eslint . --ext .js,.vue"
+  },
+  "dependencies": {
+    "core-js": "^3.30.2",
+    "floating-vue": "workspace:*",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/eslint-config-standard": "^8.0.1",
+    "autoprefixer": "^10.4.14",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.41.0",
+    "eslint-plugin-cypress": "^2.13.3",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "eslint-plugin-vue": "^9.13.0",
+    "postcss": "^8.4.23",
+    "tailwindcss": "^3.3.2",
+    "vite": "^4.3.8"
+  }
+}

packages/demo/.eslintignore renamed to demos/demo-vue2/.eslintignore

@@ -10,3 +10,4 @@ dist
 .basement
 config.local.js
 basement_dist
+.vitepress/cache

packages/demo/.eslintrc.js renamed to demos/demo-vue2/.eslintrc.js

@@ -0,0 +1,6 @@
+{
+  "plugins": {
+    "autoprefixer": {},
+    "tailwindcss": {}
+  }
+}

packages/demo/index.html renamed to demos/demo-vue2/index.html

@@ -0,0 +1,57 @@
+// Ported from https://github.com/buttons/vue-github-button/blob/main/index.js
+
+import { defineComponent, h } from 'vue'
+import { hasOwn, hyphenate } from '@vue/shared'
+
+export default defineComponent({
+  name: 'github-button',
+  props: {
+    href: String,
+    ariaLabel: String,
+    title: String,
+    dataIcon: String,
+    dataColorScheme: String,
+    dataSize: String,
+    dataShowCount: String,
+    dataText: String
+  },
+  render: function () {
+    const props = { ref: '_' }
+    for (const key in this.$props) {
+      props[hyphenate(key)] = this.$props[key]
+    }
+    return h('span', [
+      hasOwn(this.$slots, 'default')
+        ? h('a', props, this.$slots.default())
+        : h('a', props)
+    ])
+  },
+  mounted: function () {
+    this.paint()
+  },
+  beforeUpdate: function () {
+    this.reset()
+  },
+  updated: function () {
+    this.paint()
+  },
+  beforeUnmount: function () {
+    this.reset()
+  },
+  methods: {
+    paint: function () {
+      const _ = this.$el.appendChild(document.createElement('span'))
+      const _this = this
+      import('github-buttons').then(function (module) {
+        module.render(_.appendChild(_this.$refs._), function (el) {
+          try {
+            _.parentNode.replaceChild(el, _)
+          } catch (_) {}
+        })
+      })
+    },
+    reset: function () {
+      this.$el.replaceChild(/** @type {HTMLAnchorElement} */ (this.$refs._), this.$el.lastChild)
+    }
+  }
+})

packages/demo/package.json renamed to demos/demo-vue2/package.json

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import GithubButton from 'vue-github-button'
+import GithubButton from './GitHubButton'
 
 export default {
   components: {

packages/demo/public/.nojekyll renamed to demos/demo-vue2/public/.nojekyll

@@ -1,11 +1,5 @@
-<script>
+<script setup>
 import ThemeEditor from './theme-editor/ThemeEditor.vue'
-
-export default {
-  components: {
-    ThemeEditor,
-  },
-}
 </script>
 
 <template>

packages/demo/public/logo.png renamed to demos/demo-vue2/public/logo.png

@@ -2,7 +2,7 @@
 import { builtinThemes } from './builtin-themes'
 import { mapState, state } from './state'
 import { SHOW_EVENT_MAP, placements } from 'floating-vue'
-import { ToolIcon } from 'vue-feather-icons'
+import ToolIcon from '~icons/lucide/wrench'
 import Tabs from './Tabs.vue'
 import { loadValue, storeValue } from './util'
 

packages/demo/public/test.html renamed to demos/demo-vue2/public/test.html

@@ -2,13 +2,9 @@
 export default {
   inheritAttrs: false,
 
-  model: {
-    event: 'update',
-  },
-
   props: {
     // eslint-disable-next-line
-    value: {},
+    modelValue: {},
 
     autoFocus: {
       type: Boolean,
@@ -19,10 +15,10 @@ export default {
   computed: {
     valueModel: {
       get () {
-        return this.value
+        return this.modelValue
       },
       set (value) {
-        this.$emit('update', value)
+        this.$emit('update:modelValue', value)
       },
     },
   },
@@ -41,6 +37,5 @@ export default {
     v-model="valueModel"
     v-bind="$attrs"
     class="border border-gray-300 rounded px-3 py-2 w-full"
-    v-on="$listeners"
   >
 </template>

packages/demo/src/App.vue renamed to demos/demo-vue2/src/App.vue

@@ -25,10 +25,19 @@ export default {
       },
       deep: true,
     },
+    'allStyleOutput': {
+      handler () {
+        if (this.style)
+          this.style.innerHTML = this.allStyleOutput
+      },
+      immediate: true,
+    }
   },
 
   mounted () {
     this.ready = true
+    this.style = document.createElement('style')
+    document.head.appendChild(this.style)
   },
 
   errorCaptured (e) {
@@ -134,7 +143,5 @@ export default {
         </template>
       </div>
     </div>
-
-    <style v-text="allStyleOutput" />
   </div>
 </template>

packages/demo/src/CodeSnippet.vue renamed to demos/demo-vue2/src/CodeSnippet.vue

@@ -1,7 +1,7 @@
 <script>
 import { mapState } from './state'
 import Tabs from './Tabs.vue'
-import { PenToolIcon } from 'vue-feather-icons'
+import PenToolIcon from '~icons/lucide/pen-tool'
 import { loadValue, storeValue } from './util'
 
 const TAB_KEY = 'v-tooltip.theme-editor.style-tab'
@@ -12,7 +12,7 @@ function inherit (key, defaultValue) {
       return this.currentStyle[key] == null
     },
     set (value) {
-      this.$set(this.currentStyle, key, value ? undefined : getDefaultValue(defaultValue))
+      this.currentStyle[key] = value ? undefined : getDefaultValue(defaultValue)
     },
   }
 }
@@ -67,7 +67,7 @@ export default {
       handler (value) {
       // Create new styles
         if (value == null) {
-          this.$set(this.theme.styles, this.tab, {})
+          this.theme.styles[this.tab] = {}
         }
       },
       immediate: true,

packages/demo/src/Collapse.vue renamed to demos/demo-vue2/src/Collapse.vue

@@ -1,13 +1,11 @@
 
 <script>
 import FloatingVue from 'floating-vue'
-import {
-  AlertTriangleIcon,
-  SettingsIcon,
-  EyeIcon,
-  CodeIcon,
-  PlusIcon,
-} from 'vue-feather-icons'
+import AlertTriangleIcon from '~icons/lucide/alert-triangle'
+import SettingsIcon from '~icons/lucide/settings'
+import EyeIcon from '~icons/lucide/eye'
+import CodeIcon from '~icons/lucide/code'
+import PlusIcon from '~icons/lucide/plus'
 import { loadSettings, loadLastTheme, mapState, loadThemes } from './state'
 import Sandbox from './Sandbox.vue'
 import StyleEditor from './StyleEditor.vue'

packages/demo/src/ExampleComponent.vue renamed to demos/demo-vue2/src/ExampleComponent.vue

@@ -1,10 +1,8 @@
 <script>
-import {
-  SearchIcon,
-  PlusIcon,
-  MoreVerticalIcon,
-  Trash2Icon,
-} from 'vue-feather-icons'
+import SearchIcon from '~icons/lucide/search'
+import PlusIcon from '~icons/lucide/plus'
+import MoreVerticalIcon from '~icons/lucide/more-vertical'
+import Trash2Icon from '~icons/lucide/trash-2'
 import Button from './Button.vue'
 import Modal from './Modal.vue'
 import { mapState, loadTheme, deleteTheme } from './state'