chore: rename to preserveLeadingTilde

packages/compiler-sfc/__tests__/__snapshots__/templateTransformAssetUrl.spec.ts.snap

@@ -119,7 +119,7 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler sfc: transform asset url > with preserveTilde: true 1`] = `
+exports[`compiler sfc: transform asset url > with preserveLeadingTilde: true 1`] = `
 "import { createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
 import _imports_0 from '~/app/bar.png'
 import _imports_1 from '~app/bar.png'

packages/compiler-sfc/__tests__/__snapshots__/templateTransformSrcset.spec.ts.snap

@@ -16,7 +16,7 @@ export function render(_ctx, _cache) {
 }"
 `;
 
-exports[`compiler sfc: transform srcset > srcset w/ preserveTilde: true 1`] = `
+exports[`compiler sfc: transform srcset > srcset w/ preserveLeadingTilde: true 1`] = `
 "import { createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
 import _imports_0 from '~/app/logo.png'
 import _imports_1 from '~app/logo.png'

packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts

@@ -100,11 +100,11 @@ describe('compiler sfc: transform asset url', () => {
     expect(code).toMatchSnapshot()
   })
 
-  test('with preserveTilde: true', () => {
+  test('with preserveLeadingTilde: true', () => {
     const { code } = compileWithAssetUrls(
       `<img src="~/app/bar.png"/>` + `<img src="~app/bar.png"/>`,
       {
-        preserveTilde: true,
+        preserveLeadingTilde: true,
       },
     )
     expect(code).toMatchSnapshot()

packages/compiler-sfc/__tests__/templateTransformSrcset.spec.ts

@@ -99,13 +99,13 @@ describe('compiler sfc: transform srcset', () => {
     expect(code).toMatchSnapshot()
   })
 
-  test('srcset w/ preserveTilde: true', () => {
+  test('srcset w/ preserveLeadingTilde: true', () => {
     const code = compileWithSrcset(
       `
       <img srcset="~/app/logo.png, ~app/logo.png 2x"/>
       <img srcset="~app/logo.png 1x, ~/app/logo.png 2x"/>
     `,
-      { preserveTilde: true },
+      { preserveLeadingTilde: true },
     ).code
     expect(code).toMatchSnapshot()
   })

packages/compiler-sfc/src/template/templateUtils.ts

@@ -21,10 +21,10 @@ export function isDataUrl(url: string): boolean {
  */
 export function parseUrl(
   url: string,
-  preserveTilde?: boolean,
+  preserveLeadingTilde?: boolean,
 ): UrlWithStringQuery {
   const firstChar = url.charAt(0)
-  if (firstChar === '~' && !preserveTilde) {
+  if (firstChar === '~' && !preserveLeadingTilde) {
     const secondChar = url.charAt(1)
     url = url.slice(secondChar === '/' ? 2 : 1)
   }

packages/compiler-sfc/src/template/transformAssetUrl.ts

@@ -37,13 +37,13 @@ export interface AssetURLOptions {
    * Nuxt uses ~ as alias for the /app directory.
    * see #13460
    */
-  preserveTilde?: boolean
+  preserveLeadingTilde?: boolean
 }
 
 export const defaultAssetUrlOptions: Required<AssetURLOptions> = {
   base: null,
   includeAbsolute: false,
-  preserveTilde: false,
+  preserveLeadingTilde: false,
   tags: {
     video: ['src', 'poster'],
     source: ['src'],
@@ -120,12 +120,12 @@ export const transformAssetUrl: NodeTransform = (
         return
       }
 
-      const url = parseUrl(attr.value.content, options.preserveTilde)
+      const url = parseUrl(attr.value.content, options.preserveLeadingTilde)
       if (options.base && attr.value.content[0] === '.') {
         // explicit base - directly rewrite relative urls into absolute url
         // to avoid generating extra imports
         // Allow for full hostnames provided in options.base
-        const base = parseUrl(options.base, options.preserveTilde)
+        const base = parseUrl(options.base, options.preserveLeadingTilde)
         const protocol = base.protocol || ''
         const host = base.host ? protocol + '//' + base.host : ''
         const basePath = base.path || '/'

packages/compiler-sfc/src/template/transformSrcset.ts

@@ -108,7 +108,7 @@ export const transformSrcset: NodeTransform = (
           const compoundExpression = createCompoundExpression([], attr.loc)
           imageCandidates.forEach(({ url, descriptor }, index) => {
             if (shouldProcessUrl(url)) {
-              const { path } = parseUrl(url, options.preserveTilde)
+              const { path } = parseUrl(url, options.preserveLeadingTilde)
               let exp: SimpleExpressionNode
               if (path) {
                 const existingImportsIndex = context.imports.findIndex(