vue3-yuanma/packages/compiler-sfc/__tests__/__snapshots__/compileScriptRefSugar.spec.ts.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<script setup> ref sugar $computed declaration 1`] = `
"import { computed as _computed } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    const a = _computed(() => 1)
    
return { a }
}

}"
`;

exports[`<script setup> ref sugar $raw 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1)
    const b = (a)
    const c = ({ a })
    callExternal((a))
    
return { a, b, c }
}

}"
`;

exports[`<script setup> ref sugar $ref & $shallowRef declarations 1`] = `
"import { ref as _ref, shallowRef as _shallowRef } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let foo = _ref()
    let a = _ref(1)
    let b = _shallowRef({
      count: 0
    })
    let c = () => {}
    let d
    
return { foo, a, b, c, d }
}

}"
`;

exports[`<script setup> ref sugar accessing ref binding 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1)
    console.log(a.value)
    function get() {
      return a.value + 1
    }
    
return { a, get }
}

}"
`;

exports[`<script setup> ref sugar array destructure 1`] = `
"import { ref as _ref, shallowRef as _shallowRef } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let n = _ref(1), [__a, __b = 1, ...__c] = (useFoo())
const a = _shallowRef(__a);
const b = _shallowRef(__b);
const c = _shallowRef(__c);
    console.log(n.value, a.value, b.value, c.value)
    
return { n, a, b, c }
}

}"
`;

exports[`<script setup> ref sugar handle TS casting syntax 1`] = `
"import { ref as _ref, defineComponent as _defineComponent } from 'vue'

export default _defineComponent({
  setup(__props, { expose }) {
  expose()

      let a = _ref(1)
      console.log(a.value!) 
      console.log(a.value! + 1) 
      console.log(a.value as number) 
      console.log((a.value as number) + 1) 
      console.log(<number>a.value) 
      console.log(<number>a.value + 1) 
      console.log(a.value! + (a.value as number)) 
      console.log(a.value! + <number>a.value) 
      console.log((a.value as number) + <number>a.value)
      
return { a }
}

})"
`;

exports[`<script setup> ref sugar mixing $ref & $computed declarations 1`] = `
"import { ref as _ref, computed as _computed } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1), b = _computed(() => a.value + 1)
    
return { a, b }
}

}"
`;

exports[`<script setup> ref sugar multi $ref declarations 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1), b = _ref(2), c = _ref({
      count: 0
    })
    
return { a, b, c }
}

}"
`;

exports[`<script setup> ref sugar mutating ref binding 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1)
    let b = _ref({ count: 0 })
    function inc() {
      a.value++
      a.value = a.value + 1
      b.value.count++
      b.value.count = b.value.count + 1
      ;({ a: a.value } = { a: 2 })
      ;[a.value] = [1]
    }
    
return { a, b, inc }
}

}"
`;

exports[`<script setup> ref sugar nested destructure 1`] = `
"import { shallowRef as _shallowRef } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let [{ a: { b: __b }}] = (useFoo())
const b = _shallowRef(__b);
    let { c: [__d, __e] } = (useBar())
const d = _shallowRef(__d);
const e = _shallowRef(__e);
    console.log(b.value, d.value, e.value)
    
return { b, d, e }
}

}"
`;

exports[`<script setup> ref sugar object destructure 1`] = `
"import { ref as _ref, shallowRef as _shallowRef } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let n = _ref(1), { a: __a, b: __c, d: __d = 1, e: __f = 2, ...__g } = (useFoo())
const a = _shallowRef(__a);
const c = _shallowRef(__c);
const d = _shallowRef(__d);
const f = _shallowRef(__f);
const g = _shallowRef(__g);
    let { foo: __foo } = (useSomthing(() => 1));
const foo = _shallowRef(__foo);
    console.log(n.value, a.value, c.value, d.value, f.value, g.value, foo.value)
    
return { n, a, c, d, f, g, foo }
}

}"
`;

exports[`<script setup> ref sugar should not rewrite scope variable 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

      let a = _ref(1)
      let b = _ref(1)
      let d = _ref(1)
      const e = 1
      function test() {
        const a = 2
        console.log(a)
        console.log(b.value)
        let c = { c: 3 }
        console.log(c)
        console.log(d.value)
        console.log(e)
      }
    
return { a, b, d, e, test }
}

}"
`;

exports[`<script setup> ref sugar should not rewrite type identifiers 1`] = `
"import { ref as _ref, defineComponent as _defineComponent } from 'vue'

export default _defineComponent({
  props: {
    msg: { type: String, required: true },
    ids: { type: Array, required: false }
  } as unknown as undefined,
  setup(__props: {msg: string; ids?: string[]}, { expose }) {
  expose()

const props = __props
        
        let ids = _ref([])
      
return { props, ids }
}

})"
`;

exports[`<script setup> ref sugar using ref binding in property shorthand 1`] = `
"import { ref as _ref } from 'vue'

export default {
  setup(__props, { expose }) {
  expose()

    let a = _ref(1)
    const b = { a: a.value }
    function test() {
      const { a } = b
    }
    
return { a, b, test }
}

}"
`;