Astro 集成

安装

npmyarnpnpm

bash

npm i -D @vue-macros/astro

bash

yarn add -D @vue-macros/astro

bash

pnpm add -D @vue-macros/astro

配置

// astro.config.mjs
import { defineConfig } from 'astro/config'
import Vue from '@astrojs/vue'
import Macros from '@vue-macros/astro'

export default defineConfig({
  integrations: [
    Vue(),
    Macros({
      // ... 如果需要，在这里配置插件
    }),
  ],
})

TypeScript 支持和 Volar 支持

与 Bundler Integration 一致。

缺陷

shortVmodel 和 booleanProp 需要被显式添加到 template.compilerOptions.nodeTransforms 中，没有办法通过集成自动注入。

与 Vue 3 的使用方式一致。

如下所示：

import { defineConfig } from 'astro/config'
import Vue from '@astrojs/vue'
import Macros from '@vue-macros/astro'
import { transformShortVmodel } from '@vue-macros/short-vmodel'

export default defineConfig({
  integrations: [
    Vue({
      jsx: true,
      template: {
        compilerOptions: {
          // 显式地配置 nodeTransforms
          nodeTransforms: [transformShortVmodel()],
        },
      },
    }),
    Macros(),
  ],
})

🎉 恭喜你! 现在已经成功完成了对 Astro 的集成过程。

如果你还想要了解有关宏的更多信息, 请访问全部宏 😆。

Astro 集成 ​

安装 ​

配置 ​

TypeScript 支持 和 Volar 支持 ​

缺陷 ​

Astro 集成

安装

配置

TypeScript 支持和 Volar 支持

缺陷