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

230 lines
7.2 KiB
Plaintext
Raw Normal View History

// 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 hello = 'world'
const _sfc_main = {
__name: 'SomeComponent1',
setup(__props, { expose: __expose }) {
__expose();
const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))
const NotToBeTreeShaken = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const { ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const isThis = {}
const { woooooo, } = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
if (import.meta.client) {
// eslint-disable-next-line no-console
console.log(woooooo)
}
const [ { Dont, }, That] = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
if (import.meta.client) {
// eslint-disable-next-line no-console
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 hello = 'world'
const _sfc_main = {
__name: 'SomeComponent0',
__ssrInlineRender: true,
setup(__props) {
const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))
const NotToBeTreeShaken = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const { ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
const isThis = {}
const { woooooo, } = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
if (import.meta.client) {
// eslint-disable-next-line no-console
console.log(woooooo)
}
const [ { Dont, }, That] = defineAsyncComponent(async () => {
if (import.meta.client) {
return (await import('./../HelloWorld.vue'))
}
return {}
})
if (import.meta.client) {
// eslint-disable-next-line no-console
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"]])"
`;