refactor: move decorators into their own package

packages/runtime-core/__tests__/propDecorator.spec.ts

@@ -1,65 +0,0 @@
-import { prop } from '../src/optional/propDecorator'
-import { Component, createInstance } from '@vue/runtime-test'
-
-test('without options', () => {
-  let capturedThisValue
-  let capturedPropsValue
-
-  class Foo extends Component<{ p: number }> {
-    @prop
-    p: number
-
-    created() {
-      capturedThisValue = this.p
-      capturedPropsValue = this.$props.p
-    }
-  }
-
-  createInstance(Foo, {
-    p: 1
-  })
-  expect(capturedThisValue).toBe(1)
-  expect(capturedPropsValue).toBe(1)
-
-  // explicit override
-  createInstance(Foo, {
-    p: 2
-  })
-  expect(capturedThisValue).toBe(2)
-  expect(capturedPropsValue).toBe(2)
-})
-
-test('with options', () => {
-  let capturedThisValue
-  let capturedPropsValue
-  let capturedDataValue
-
-  class Foo extends Component<{ p: number }> {
-    @prop({
-      default: 1
-    })
-    p: number
-    // data property should be able to make use of prop
-    d: number = this.p + 1
-
-    created() {
-      capturedThisValue = this.p
-      capturedPropsValue = this.$props.p
-      capturedDataValue = this.d
-    }
-  }
-
-  // default value
-  createInstance(Foo)
-  expect(capturedThisValue).toBe(1)
-  expect(capturedPropsValue).toBe(1)
-  expect(capturedDataValue).toBe(2)
-
-  // explicit override
-  createInstance(Foo, {
-    p: 2
-  })
-  expect(capturedThisValue).toBe(2)
-  expect(capturedPropsValue).toBe(2)
-  expect(capturedDataValue).toBe(3)
-})

packages/runtime-core/src/index.ts

@@ -24,13 +24,12 @@ export { nextTick } from '@vue/scheduler'
 
 // Optional APIs
 // these are imported on-demand and can be tree-shaken
-export { applyDirectives } from './optional/directives'
 export { createAsyncComponent } from './optional/asyncComponent'
 export { KeepAlive } from './optional/keepAlive'
+export { applyDirectives } from './optional/directives'
 export { mixins } from './optional/mixins'
 export { EventEmitter } from './optional/eventEmitter'
 export { memoize } from './optional/memoize'
-export { prop } from './optional/propDecorator'
 
 // flags & types
 export { ComponentType, ComponentClass, FunctionalComponent } from './component'

packages/runtime-core/src/optional/propDecorator.ts

@@ -1,24 +0,0 @@
-import { Component } from '../component'
-import { PropValidator } from '../componentOptions'
-import { camelize } from '@vue/shared'
-
-export function prop(
-  target: Component | PropValidator<any>,
-  key?: string
-): any {
-  if (key) {
-    applyProp(target, key)
-  } else {
-    const options = target as PropValidator<any>
-    return (target: any, key: string) => {
-      applyProp(target, key, options)
-    }
-  }
-}
-
-function applyProp(target: any, key: string, options: PropValidator<any> = {}) {
-  // here `target` is the prototype of the component class
-  Object.defineProperty(target, `__prop_${camelize(key)}`, {
-    value: options
-  })
-}