chore(vue): Upgrade to Vue 3

Co-Authored-By: Florian Wendelborn <[email protected]>

Author: Isokaeder

README.md

@@ -10,9 +10,11 @@
 </p>
 
 <table border="0" width="100%">
+<colgroup>
 <col style="width:33%">
 <col style="width:33%">
 <col style="width:33%">
+</colgroup>
 <tbody>
 <tr style="border: 0px !important;">
 <td valign="top" style="border: 0px !important;"><b>Complete</b>. The most commonly-needed components are implemented in Kotti. More components will be implemented when there is a specific need for them.</td>
@@ -121,10 +123,10 @@ yarn workspace @3yourmind/documentation run serve
 
 There are two workflows to help with rebasing pull requests:
 
-1. Rebase  
+1. Rebase
    Commenting `/rebase` on any pull request will trigger a GitHub Action that rebases the PR.
    This is best used when attempting to rebase a PR without auto-rebase before merging.
-2. Auto-Rebase  
+2. Auto-Rebase
    Adding the `autorebase:opt-in` label to any pull request will automatically rebase the PR as soon as it’s out-of-date.
    This should preferrably be used by the author, as it requires them to be aware of having to use `git pull --rebase`
 

bun.lockb

@@ -7,14 +7,15 @@ import tseslint from 'typescript-eslint'
 
 import eslintConfig3YD from '@3yourmind/eslint-config'
 
-import kottiUIPackageJSON from './packages/kotti-ui/package.json' assert { type: 'json' }
-import vueUseTippyPackageJSON from './packages/vue-use-tippy/package.json' assert { type: 'json' }
-import yocoPackageJSON from './packages/yoco/package.json' assert { type: 'json' }
+import kottiUIPackageJSON from './packages/kotti-ui/package.json' with { type: 'json' }
+import vueUseTippyPackageJSON from './packages/vue-use-tippy/package.json' with { type: 'json' }
+import yocoPackageJSON from './packages/yoco/package.json' with { type: 'json' }
 
 const trustedDependencies = new Set([
 	'@metatypes/typography',
 	'@metatypes/units',
 	'@tanstack/table-core',
+	'@tanstack/vue-table',
 	'filesize',
 	'nanoid',
 	'zod',

eslint.config.mjs

@@ -2,11 +2,11 @@
 	"name": "fake-root",
 	"private": true,
 	"scripts": {
-		"check:eslint": "yarn --cwd ../.. run eslint --max-warnings=0 --ignore-pattern=internals --ignore-pattern=packages .",
-		"check:knip": "yarn --cwd ../.. run knip --tags=-knipignore",
-		"check:prettier": "yarn --cwd ../.. run prettier --check --ignore-path=.fake-prettierignore --ignore-path=.prettierignore .",
-		"fix:eslint": "yarn run check:eslint --fix",
-		"fix:prettier": "yarn run check:prettier --write"
+		"check:eslint": "bun --bun run --cwd ../.. eslint --max-warnings=0 --ignore-pattern=internals --ignore-pattern=packages .",
+		"check:knip": "bun --bun run --cwd ../.. knip --tags=-knipignore",
+		"check:prettier": "bun --bun run --cwd ../.. prettier --check --ignore-path=.fake-prettierignore --ignore-path=.prettierignore .",
+		"fix:eslint": "bun --bun run check:eslint --fix",
+		"fix:prettier": "bun --bun run check:prettier --write"
 	},
 	"version": "0.0.0"
 }

internals/fake-root/package.json

@@ -16,16 +16,6 @@
 				"plugins/**/*.js",
 				"nuxt.config.ts"
 			],
-			"ignoreDependencies": [
-				"@nuxt/typescript-build",
-				"@nuxtjs/markdownit-loader",
-				"@nuxtjs/markdownit",
-				"@nuxtjs/style-resources",
-				"sass-loader",
-				"ts-loader",
-				"vue-server-renderer",
-				"vue-template-compiler"
-			],
 			"project": ["**/*.{js,ts,vue}"]
 		},
 		"packages/kotti-ui": {

knip.json

@@ -0,0 +1,138 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# firebase-admin service-account
+firebase
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# Cloudflare
+.wrangler/
+
+# Sentry Vite Plugin
+.env.sentry-build-plugin

packages/documentation/.gitignore

@@ -1,3 +1,39 @@
-# `@3yourmind/documentation`
+Generated with [Bati](https://batijs.dev) ([version 288](https://www.npmjs.com/package/create-bati/v/0.0.288)) using this command:
+
+```sh
+bun create bati --vue
+```
+
+# About this app
+This app is ready to start. It's powered by [Vike](https://vike.dev) and [Vue](https://vuejs.org/guide/quick-start.html).
+
+### `/pages/+config.ts`
+
+Such `+` files are [the interface](https://vike.dev/config) between Vike and your code. It defines:
+- A default [`<Layout>` component](https://vike.dev/Layout) (that wraps your [`<Page>` components](https://vike.dev/Page)).
+- A default [`title`](https://vike.dev/title).
+- Global [`<head>` tags](https://vike.dev/head-tags).
+
+### Routing
+
+[Vike's built-in router](https://vike.dev/routing) lets you choose between:
+ - [Filesystem Routing](https://vike.dev/filesystem-routing) (the URL of a page is determined based on where its `+Page.vue` file is located on the filesystem)
+ - [Route Strings](https://vike.dev/route-string)
+ - [Route Functions](https://vike.dev/route-function)
+
+### `/pages/_error/+Page.vue`
+
+The [error page](https://vike.dev/error-page) which is rendered when errors occur.
+
+### `/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`
+
+The [`onPageTransitionStart()` hook](https://vike.dev/onPageTransitionStart), together with [`onPageTransitionEnd()`](https://vike.dev/onPageTransitionEnd), enables you to implement page transition animations.
+
+### SSR
+
+SSR is enabled by default. You can [disable it](https://vike.dev/ssr) for all your pages or only for some pages.
+
+### HTML Streaming
+
+You can enable/disable [HTML streaming](https://vike.dev/stream) for all your pages, or only for some pages while still using it for others.
 
-> TODO: description