docs: move examples dir out of components dir

docs/components/DocsRepl.vue

@@ -3,7 +3,7 @@ import type { SFCOptions } from '@vue/repl'
 import { ReplStore, Repl as VueRepl } from '@vue/repl'
 import { useVueFlow } from '@vue-flow/core'
 import '@vue/repl/style.css'
-import { exampleImports } from './examples'
+import { exampleImports } from '../examples'
 
 const props = defineProps<{ example: keyof typeof exampleImports; mainFile?: string; dependencies?: Record<string, string> }>()
 

docs/components/examples/update-node/index.ts

@@ -1,2 +0,0 @@
-export { default as UpdateNodeApp } from './App.vue?raw'
-export { default as UpdateNodeCSS } from './style.css'

docs/examples/basic/index.ts

@@ -1,3 +1,3 @@
 export { default as BasicApp } from './App.vue?raw'
 export { default as BasicElements } from './initial-elements.js?raw'
-export { default as BasicCSS } from './style.css'
+export { default as BasicCSS } from './style.css?inline'

docs/examples/custom-node/index.ts

@@ -1,4 +1,4 @@
 export { default as CustomNodeApp } from './App.vue?raw'
 export { default as CustomNode } from './CustomNode.vue?raw'
-export { default as CustomNodeCSS } from './style.css'
+export { default as CustomNodeCSS } from './style.css?inline'
 export { default as ColorPresets } from './presets.js?raw'

docs/examples/dnd/index.ts

@@ -1,3 +1,3 @@
 export { default as DndApp } from './App.vue?raw'
 export { default as DndSidebar } from './Sidebar.vue?raw'
-export { default as DndCSS } from './style.css'
+export { default as DndCSS } from './style.css?inline'

docs/examples/edges/index.ts

@@ -2,4 +2,4 @@ export { default as EdgesApp } from './App.vue?raw'
 export { default as CustomEdge } from './CustomEdge.vue?raw'
 export { default as CustomEdge2 } from './CustomEdge2.vue?raw'
 export { default as CustomEdgeLabel } from './CustomEdgeLabel.vue?raw'
-export { default as EdgeCSS } from './style.css'
+export { default as EdgeCSS } from './style.css?inline'

docs/examples/interaction/index.ts

@@ -1,3 +1,3 @@
 export { default as InteractionApp } from './App.vue?raw'
 export { default as InteractionControls } from './InteractionControls.vue?raw'
-export { default as InteractionCSS } from './style.css'
+export { default as InteractionCSS } from './style.css?inline'

docs/examples/intersection/index.ts

@@ -1,3 +1,3 @@
 export { default as IntersectionApp } from './App.vue?raw'
 export { default as IntersectionElements } from './initial-elements.js?raw'
-export { default as IntersectionCSS } from './style.css'
+export { default as IntersectionCSS } from './style.css?inline'

docs/examples/multi/index.ts

@@ -1,3 +1,3 @@
 export { default as MultiApp } from './App.vue?raw'
 export { default as MultiFlow } from './Flow.vue?raw'
-export { default as MultiCSS } from './style.css'
+export { default as MultiCSS } from './style.css?inline'

docs/examples/save-restore/index.ts

@@ -1,3 +1,3 @@
 export { default as SaveRestoreApp } from './App.vue?raw'
 export { default as SaveRestoreControls } from './Controls.vue?raw'
-export { default as SaveRestoreCSS } from './style.css'
+export { default as SaveRestoreCSS } from './style.css?inline'

docs/examples/stress/index.ts

@@ -1,3 +1,3 @@
 export { default as StressApp } from './App.vue?raw'
 export { default as StressUtils } from './utils.js?raw'
-export { default as StressCSS } from './style.css'
+export { default as StressCSS } from './style.css?inline'

docs/examples/teleport/index.ts

@@ -2,4 +2,4 @@ export { default as TeleportApp } from './App.vue?raw'
 export { default as TeleportSidebar } from './Sidebar.vue?raw'
 export { default as TeleportableNode } from './TeleportableNode.vue?raw'
 export { default as TeleportableUseTransition } from './useTeleport.js?raw'
-export { default as TeleportCSS } from './style.css'
+export { default as TeleportCSS } from './style.css?inline'

docs/examples/transition/index.ts

@@ -1,3 +1,3 @@
 export { default as TransitionApp } from './App.vue?raw'
 export { default as TransitionEdge } from './TransitionEdge.vue?raw'
-export { default as TransitionCSS } from './style.css'
+export { default as TransitionCSS } from './style.css?inline'

docs/examples/update-node/index.ts

@@ -0,0 +1,2 @@
+export { default as UpdateNodeApp } from './App.vue?raw'
+export { default as UpdateNodeCSS } from './style.css?inline'

docs/examples/validation/index.ts

@@ -1,4 +1,4 @@
 export { default as ValidationApp } from './App.vue?raw'
 export { default as ValidationCustomInput } from './CustomInput.vue?raw'
 export { default as ValidationCustomNode } from './CustomNode.vue?raw'
-export { default as ValidationCSS } from './style.css'
+export { default as ValidationCSS } from './style.css?inline'

docs/src/.vitepress/plugins/changelog.ts

@@ -41,5 +41,5 @@ files.forEach(({ path, pkgName }) => {
 
   copyFile(filePath, `${changelogDirPath}/${isCore ? 'index' : pkgName}.md`, () => {})
 
-  console.log(`Copied ${filePath} to ${changelogDirPath}/${isCore ? 'index' : pkgName}.md`)
+  console.log(`Copied ${pkgName}/CHANGELOG.md to docs/changelog/${isCore ? 'index' : pkgName}.md`)
 })

docs/src/.vitepress/plugins/copy.ts

@@ -27,7 +27,7 @@ function copyFiles(emit: any) {
       source: readFileSync(filePath, 'utf-8'),
     })
 
-    console.log(`Copied ${fileName} to ${getPublicPath(fileName)}`)
+    console.log(`Copied ${fileName} to /public/${fileName}`)
   })
 }
 export function copyVueFlowPlugin(): Plugin {

docs/src/auto-imports.d.ts

@@ -282,4 +282,5 @@ declare global {
 declare global {
   // @ts-ignore
   export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
 }

docs/src/components.d.ts

@@ -9,37 +9,22 @@ declare module 'vue' {
   export interface GlobalComponents {
     Acknowledgement: typeof import('./../components/home/Acknowledgement.vue')['default']
     Additional: typeof import('./../components/home/flows/Additional.vue')['default']
-    App: typeof import('./../components/examples/basic/App.vue')['default']
     Banner: typeof import('./../components/home/Banner.vue')['default']
     Basic: typeof import('./../components/home/flows/Basic.vue')['default']
-    Controls: typeof import('./../components/examples/save-restore/Controls.vue')['default']
+    Box: typeof import('./../components/home/flows/Hero/Box.vue')['default']
     Custom: typeof import('./../components/home/edges/Custom.vue')['default']
-    CustomConnectionLine: typeof import('./../components/examples/connectionline/CustomConnectionLine.vue')['default']
-    CustomEdge: typeof import('./../components/examples/edges/CustomEdge.vue')['default']
-    CustomEdge2: typeof import('./../components/examples/edges/CustomEdge2.vue')['default']
-    CustomEdgeLabel: typeof import('./../components/examples/edges/CustomEdgeLabel.vue')['default']
-    CustomInput: typeof import('./../components/examples/validation/CustomInput.vue')['default']
-    CustomNode: typeof import('./../components/examples/custom-node/CustomNode.vue')['default']
     DocsRepl: typeof import('./../components/DocsRepl.vue')['default']
     Features: typeof import('./../components/home/Features.vue')['default']
-    Flow: typeof import('./../components/examples/multi/Flow.vue')['default']
+    Hero: typeof import('./../components/home/flows/Hero/Hero.vue')['default']
     Home: typeof import('./../components/home/Home.vue')['default']
     Input: typeof import('./../components/home/nodes/Input.vue')['default']
-    InteractionControls: typeof import('./../components/examples/interaction/InteractionControls.vue')['default']
     Intro: typeof import('./../components/home/flows/Intro.vue')['default']
     Nested: typeof import('./../components/home/flows/Nested.vue')['default']
     Output: typeof import('./../components/home/nodes/Output.vue')['default']
-    PiniaExample: typeof import('./../components/examples/pinia/PiniaExample.vue')['default']
     Repl: typeof import('./../components/Repl.vue')['default']
-    ResizableNode: typeof import('./../components/examples/node-resizer/ResizableNode.vue')['default']
     RGB: typeof import('./../components/home/flows/RGB.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Showcase: typeof import('./../components/home/Showcase.vue')['default']
-    Sidebar: typeof import('./../components/examples/dnd/Sidebar.vue')['default']
-    SnappableConnectionLine: typeof import('./../components/examples/connection-radius/SnappableConnectionLine.vue')['default']
-    TeleportableNode: typeof import('./../components/examples/teleport/TeleportableNode.vue')['default']
-    ToolbarNode: typeof import('./../components/examples/node-toolbar/ToolbarNode.vue')['default']
-    TransitionEdge: typeof import('./../components/examples/transition/TransitionEdge.vue')['default']
   }
 }