Can't use vue plugin with vite

Ziggy version

1.3.5

Laravel version

8.52

Description

Aliasing ziggy to vendor/tightenco/ziggy/dist/vue or vendor/tightenco/ziggy/dist doesn’t allow es module import.

Just posting this in case anyone else has this issue, managed to get it imported using below code. Using the alias didn’t work.

Ziggy call and context

import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m.js';
import { Ziggy } from '../js/ziggy.js';

createApp().use(ZiggyVue, Ziggy)

Ziggy configuration

N/A

Route definition

N/A

[Spice-King]

@atymic You need to toss Ziggy to the optimizer too, like so:

import { defineConfig } from "vite";

export default defineConfig({
  resolve: {
    alias: {
      ziggy: "vendor/tightenco/ziggy/dist/vue",
    },
  },

  optimizeDeps: {
    include: ["ziggy"],
  },
});

Probably worth a note for the docs.

[bakerkretzmar]

@atymic what if you alias directly to one of the files that uses ES modules? vendor/tightenco/ziggy/dist/vue.es.js or vendor/tightenco/ziggy/dist/vue.m.js?