@astrojs/vue
Advanced tools
Comparing version 0.1.1 to 0.1.3
# @astrojs/vue | ||
## 0.1.3 | ||
### Patch Changes | ||
- [`0c6bbee4`](https://github.com/withastro/astro/commit/0c6bbee4c95b50e5bd43675296511fbb5b985014) Thanks [@FredKSchott](https://github.com/FredKSchott)! - Republishing. No changes from v0.1.2. | ||
## 0.1.2 | ||
### Patch Changes | ||
- [#3143](https://github.com/withastro/astro/pull/3143) [`44e294c9`](https://github.com/withastro/astro/commit/44e294c9cbaf8f6bbccce8b956c7c53d37c15c70) Thanks [@tony-sull](https://github.com/tony-sull)! - `@astrojs/vue` integration supports custom vue compiler options | ||
## 0.1.1 | ||
@@ -4,0 +16,0 @@ |
import type { AstroIntegration } from 'astro'; | ||
export default function (): AstroIntegration; | ||
import type { Options } from '@vitejs/plugin-vue'; | ||
export default function (options?: Options): AstroIntegration; |
@@ -9,3 +9,3 @@ import vue from "@vitejs/plugin-vue"; | ||
} | ||
function getViteConfiguration() { | ||
function getViteConfiguration(options) { | ||
return { | ||
@@ -16,3 +16,3 @@ optimizeDeps: { | ||
}, | ||
plugins: [vue()], | ||
plugins: [vue(options)], | ||
ssr: { | ||
@@ -23,3 +23,3 @@ external: ["@vue/server-renderer"] | ||
} | ||
function src_default() { | ||
function src_default(options) { | ||
return { | ||
@@ -30,3 +30,3 @@ name: "@astrojs/vue", | ||
addRenderer(getRenderer()); | ||
updateConfig({ vite: getViteConfiguration() }); | ||
updateConfig({ vite: getViteConfiguration(options) }); | ||
} | ||
@@ -33,0 +33,0 @@ } |
{ | ||
"name": "@astrojs/vue", | ||
"version": "0.1.1", | ||
"version": "0.1.3", | ||
"description": "Use Vue components within Astro", | ||
@@ -5,0 +5,0 @@ "type": "module", |
@@ -66,1 +66,24 @@ # @astrojs/vue 💚 | ||
[astro-ui-frameworks]: https://docs.astro.build/en/core-concepts/framework-components/#using-framework-components | ||
## Options | ||
This integration is powered by `@vitejs/plugin-vue`. To customize the Vue compiler, options can be provided to the integration. See the `@vitejs/plugin-vue` [docs](https://github.com/vitejs/vite/tree/main/packages/plugin-vue) for more details. | ||
__astro.config.mjs__ | ||
```js | ||
import vue from '@astrojs/vue'; | ||
export default { | ||
// ... | ||
integrations: [vue({ | ||
template: { | ||
compilerOptions: { | ||
// treat any tag that starts with ion- as custom elements | ||
isCustomElement: tag => tag.startsWith('ion-') | ||
} | ||
} | ||
// ... | ||
})], | ||
} | ||
``` |
import type { AstroIntegration, AstroRenderer } from 'astro'; | ||
import vue from '@vitejs/plugin-vue'; | ||
import type { Options } from '@vitejs/plugin-vue'; | ||
@@ -12,3 +13,3 @@ function getRenderer(): AstroRenderer { | ||
function getViteConfiguration() { | ||
function getViteConfiguration(options?: Options) { | ||
return { | ||
@@ -19,3 +20,3 @@ optimizeDeps: { | ||
}, | ||
plugins: [vue()], | ||
plugins: [vue(options)], | ||
ssr: { | ||
@@ -27,3 +28,3 @@ external: ['@vue/server-renderer'], | ||
export default function (): AstroIntegration { | ||
export default function (options?: Options): AstroIntegration { | ||
return { | ||
@@ -34,3 +35,3 @@ name: '@astrojs/vue', | ||
addRenderer(getRenderer()); | ||
updateConfig({ vite: getViteConfiguration() }); | ||
updateConfig({ vite: getViteConfiguration(options) }); | ||
}, | ||
@@ -37,0 +38,0 @@ }, |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
14400
136
88