Socket
Socket
Sign inDemoInstall

@astrojs/vue

Package Overview
Dependencies
Maintainers
4
Versions
89
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@astrojs/vue - npm Package Compare versions

Comparing version 0.1.1 to 0.1.3

astrojs-vue-0.1.3.tgz

12

CHANGELOG.md
# @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 @@

3

dist/index.d.ts
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 @@ },

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc