不能自动识别 Vue3 中带setup 的 script 解析

[ATQQ]

• version: 1.0.53
• playground demo: https://play.gogocode.io/#code/N4IglgdgDgrgLgYQPYBMCmIBcIA8c0C2UANgIb4B8AOhAAS04pgButAxmQM6cC8VIpfhQCMOAPRNm1Og0nsuvfoJAUATOMnTx+ImUo0aOTmwBOYKHFqc0cGFFpkIAcz4g4nITTZIInS6VoeWmEvHz9aACNA2lVDMWMzC2kQABoQAHckEwBrZHQsEAAzGAg2ODAfWjgTUl9CrIIACkKwYjQASQh6lNpSKDAepAsK3wBKWmAaem9fSwASaL6wADonJDXvdCn2MMtOJBgTNjRolrbO+uX9w+PtmfDScKC5xuujtB7gWihSE2sAeWGYUwEwctScMFITjQIIA5MwYGhYbQAL6o0Z3XZWUzmSxBR5wZYtCAoRqwow4pLiBK4iiwjEyMRiWgmGyHOgATwOJiqNTqDTQKB26FoAAs0KztqzbCY6DSLKs0BAJeQ0I0GSiaKlwNB4AAZcEFBEYNKix4ABWl5QlWGqiLSnBgEQAamA0OkACocqAYbDeIi-DAooA
• your description:

测试文件

<template>
  <div class="a">1</div>
  <div class="a">2</div>
</template>

<script setup lang="ts">
const a = 1
const b = 2
</script>

测试代码

const $ = require('gogocode')
const fs = require('fs')
const path = require('path')

const content = fs.readFileSync(path.join(__dirname, 'index.vue'), { encoding: 'utf-8' })

const ast = $(content, { parseOptions: { language: 'vue' } })

const script = ast.find('<script></script>')

console.log(script.generate());

具体结果可以看上述 playground示例

[ATQQ]

看了一下实现 写死了判断逻辑

gogocode/packages/gogocode-core/src/vue-core/core.js

Lines 18 to 36 in 75bd2e6

	} else if (selector == '<script></script>') {
	parseOptions.language = 'js'
	parseOptions.rootLanguage = 'vue';
	if (ast.scriptAst) {
	newAst = ast.scriptAst;
	} else {
	ast.scriptAst = core.getScript(ast, { parseOptions });
	newAst = ast.scriptAst;
	}
	} else if (selector == '<script setup></script>') {
	parseOptions.language = 'js'
	parseOptions.rootLanguage = 'vue';
	if (ast.scriptSetupAst) {
	newAst = ast.scriptSetupAst;
	} else {
	ast.scriptSetupAst = core.getScript(ast, { isSetup: true, parseOptions });
	newAst = ast.scriptSetupAst;
	}
	}

[ATQQ]

我提个PR 看看 整智能点，自动识别

[emosheeep]

这个问题现在是什么情况呀，挺蛋疼的感觉😂

[ATQQ]

这个问题现在是什么情况呀，挺蛋疼的感觉😂

看上面我贴的逻辑

如果你要提取带setup的 script 使用 <script setup></script>
否则<script></script>

调用前判断用哪一个