Nuxt/packages/nuxt/test/__snapshots__/treeshake-client.test.ts.snap

218 lines
7.0 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`treeshake client only in ssr > should treeshake ClientOnly correctly in dev 1`] = `
"
import DontRemoveThisSinceItIsUsedInSetup from './ComponentWithProps.vue'
import { Glob } from '#components'
const _sfc_main = {
__name: 'SomeComponent1',
setup(__props, { expose }) {
expose();
const hello = 'world'
const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))
const NotToBeTreeShaken = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const { ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const isThis = {}
const { woooooo, } = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
console.log(woooooo)
const [ { Dont, }, That] = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
console.log(DontRemoveThisSinceItIsUsedInSetup.props)
const __returned__ = { hello, NotDotClientComponent, NotToBeTreeShaken, ButShouldNotBeTreeShaken, isThis, woooooo, Dont, That, DontRemoveThisSinceItIsUsedInSetup, get Glob() { return Glob }, }
Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })
return __returned__
}
}
import { withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent } from \\"vue\\"
import { ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \\"vue/server-renderer\\"
function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
const _component_DotClientComponent = _resolveComponent(\\"DotClientComponent\\")
const _component_AutoImportedNotTreeShakenComponent = _resolveComponent(\\"AutoImportedNotTreeShakenComponent\\")
const _component_ClientOnly = _resolveComponent(\\"ClientOnly\\")
_push(\`<div\${_ssrRenderAttrs(_attrs)} data-v-one-hash>\`)
_push(_ssrRenderComponent($setup[\\"NotDotClientComponent\\"], null, {
/* STABLE */
}, _parent))
_push(\`<div data-v-one-hash>\`)
_push(_ssrRenderComponent($setup[\\"Glob\\"], null, null, _parent))
_push(\`</div> \${_ssrInterpolate($setup.hello)} <div class=\\"not-client\\" data-v-one-hash> Hello </div>\`)
_push(_ssrRenderComponent(_component_DotClientComponent, null, {
/* STABLE */
}, _parent))
_push(_ssrRenderComponent(_component_ClientOnly, null, {
/* STABLE */
}, _parent))
_push(_ssrRenderComponent($setup[\\"ButShouldNotBeTreeShaken\\"], null, null, _parent))
_push(_ssrRenderComponent($setup[\\"Dont\\"], null, null, _parent))
_push(_ssrRenderComponent($setup[\\"That\\"], null, null, _parent))
_push(_ssrRenderComponent($setup[\\"NotToBeTreeShaken\\"], null, null, _parent))
_push(_ssrRenderComponent(_component_AutoImportedNotTreeShakenComponent, null, null, _parent))
_push(\`</div>\`)
}
import \\"SomeComponent1.vue?vue&type=style&index=0&scoped=one-hash&lang.css\\"
import { useSSRContext as __vite_useSSRContext } from 'vue'
const _sfc_setup = _sfc_main.setup
_sfc_main.setup = (props, ctx) => {
const ssrContext = __vite_useSSRContext()
;(ssrContext.modules || (ssrContext.modules = new Set())).add(\\"SomeComponent1.vue\\")
return _sfc_setup ? _sfc_setup(props, ctx) : undefined
}
import _export_sfc from 'plugin-vue:export-helper'
export default /*#__PURE__*/_export_sfc(_sfc_main, [['ssrRender',_sfc_ssrRender],['__scopeId',\\"data-v-one-hash\\"],['__file',\\"SomeComponent1.vue\\"]])"
`;
exports[`treeshake client only in ssr > should treeshake ClientOnly correctly in prod 1`] = `
"import { unref as _unref, withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent } from \\"vue\\"
import { ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \\"vue/server-renderer\\"
import DontRemoveThisSinceItIsUsedInSetup from './ComponentWithProps.vue'
import { Glob } from '#components'
const _sfc_main = {
__name: 'SomeComponent0',
__ssrInlineRender: true,
setup(__props) {
const hello = 'world'
const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))
const NotToBeTreeShaken = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const { ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const isThis = {}
const { woooooo, } = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
console.log(woooooo)
const [ { Dont, }, That] = defineAsyncComponent(async () => {
if (process.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
console.log(DontRemoveThisSinceItIsUsedInSetup.props)
return (_ctx, _push, _parent, _attrs) => {
const _component_DotClientComponent = _resolveComponent(\\"DotClientComponent\\")
const _component_AutoImportedNotTreeShakenComponent = _resolveComponent(\\"AutoImportedNotTreeShakenComponent\\")
const _component_ClientOnly = _resolveComponent(\\"ClientOnly\\")
_push(\`<div\${_ssrRenderAttrs(_attrs)} data-v-one-hash>\`)
_push(_ssrRenderComponent(_unref(NotDotClientComponent), null, {
/* STABLE */
}, _parent))
_push(\`<div data-v-one-hash>\`)
_push(_ssrRenderComponent(_unref(Glob), null, null, _parent))
_push(\`</div> \${_ssrInterpolate(hello)} <div class=\\"not-client\\" data-v-one-hash> Hello </div>\`)
_push(_ssrRenderComponent(_component_DotClientComponent, null, {
/* STABLE */
}, _parent))
_push(_ssrRenderComponent(_component_ClientOnly, null, {
/* STABLE */
}, _parent))
_push(_ssrRenderComponent(_unref(ButShouldNotBeTreeShaken), null, null, _parent))
_push(_ssrRenderComponent(_unref(Dont), null, null, _parent))
_push(_ssrRenderComponent(_unref(That), null, null, _parent))
_push(_ssrRenderComponent(_unref(NotToBeTreeShaken), null, null, _parent))
_push(_ssrRenderComponent(_component_AutoImportedNotTreeShakenComponent, null, null, _parent))
_push(\`</div>\`)
}
}
}
import \\"SomeComponent0.vue?vue&type=style&index=0&scoped=one-hash&lang.css\\"
import { useSSRContext as __vite_useSSRContext } from 'vue'
const _sfc_setup = _sfc_main.setup
_sfc_main.setup = (props, ctx) => {
const ssrContext = __vite_useSSRContext()
;(ssrContext.modules || (ssrContext.modules = new Set())).add(\\"SomeComponent0.vue\\")
return _sfc_setup ? _sfc_setup(props, ctx) : undefined
}
import _export_sfc from 'plugin-vue:export-helper'
export default /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',\\"data-v-one-hash\\"],['__file',\\"SomeComponent0.vue\\"]])"
`;