owenconti · March 19, 2022 12:10 · owenconti · May 5, 2021
diff --git a/10614453-afca-4647-9eda-c1f09aa26717.sh b/10614453-afca-4647-9eda-c1f09aa26717.sh
 // Vue 2
 npm install --save-dev vite vite-plugin-vue2 dotenv @vue/compiler-sfc

 // Vue 3
 npm install --save-dev vite @vitejs/plugin-vue dotenv @vue/compiler-sfc
diff --git a/15987f9a-87ce-4946-b3dc-7747ef7ebfca.sh b/15987f9a-87ce-4946-b3dc-7747ef7ebfca.sh
 composer require ohseesoftware/laravel-vite-manifest
diff --git a/1d582c8b-7717-4fac-850e-cffed0c0d5ab.js b/1d582c8b-7717-4fac-850e-cffed0c0d5ab.js
 optimizeDeps: {
  include: [
    'vue',
    'portal-vue', // Vue 2
    '@inertiajs/inertia',
    '@inertiajs/inertia-vue', // Vue 2
    '@inertiajs/inertia-vue3', // Vue 3
    '@inertiajs/progress',
    'axios'
  ]
 }
diff --git a/26526caa-b6e5-404f-95f6-39970c455e8a.js b/26526caa-b6e5-404f-95f6-39970c455e8a.js
 server: {
  strictPort: true,
  port: 3000
 },
diff --git a/381aa7d1-84e4-453a-9e3b-93b3de5370c4.js b/381aa7d1-84e4-453a-9e3b-93b3de5370c4.js
 // package.json

 "scripts": {
    "start": "vite",
    "production": "vite build"
 },
diff --git a/4554c9dd-2d8b-4de0-aed2-1e5196de3c0a.js b/4554c9dd-2d8b-4de0-aed2-1e5196de3c0a.js
 import { createVuePlugin as Vue2Plugin } from 'vite-plugin-vue2';
 const { resolve } = require('path');
 const Dotenv = require('dotenv');

 Dotenv.config();

 const ASSET_URL = process.env.ASSET_URL || '';

 export default {
  plugins: [
    Vue2Plugin(),
  ],

  root: 'resources',
  base: `${ASSET_URL}/dist/`,

  build: {
    outDir: resolve(__dirname, 'public/dist'),
    emptyOutDir: true,
    manifest: true,
    target: 'es2018',
    rollupOptions: {
      input: '/js/app.js'
    }
  },

  server: {
    strictPort: true,
    port: 3000
  },

  resolve: {
    alias: {
      '@': '/js',
    }
  },

  optimizeDeps: {
    include: [
      'vue',
      'portal-vue',
      '@inertiajs/inertia',
      '@inertiajs/inertia-vue',
      '@inertiajs/progress',
      'axios'
    ]
  }
 }
diff --git a/58f78e85-041f-4bf3-998d-b5f39585c728.js b/58f78e85-041f-4bf3-998d-b5f39585c728.js
 // app.js

 import '../css/app.css';
diff --git a/645e8550-4d7a-4cd0-b090-9c665f4aa3e6.js b/645e8550-4d7a-4cd0-b090-9c665f4aa3e6.js
 import vue from '@vitejs/plugin-vue';
 const { resolve } = require('path');
 const Dotenv = require('dotenv');

 Dotenv.config();

 const ASSET_URL = process.env.ASSET_URL || '';

 export default {
  plugins: [
    vue(),
  ],

  root: 'resources',
  base: `${ASSET_URL}/dist/`,

  build: {
    outDir: resolve(__dirname, 'public/dist'),
    emptyOutDir: true,
    manifest: true,
    target: 'es2018',
    rollupOptions: {
      input: '/js/app.js'
    }
  },

  server: {
    strictPort: true,
    port: 3000
  },

  resolve: {
    alias: {
      '@': '/js',
    }
  },

  optimizeDeps: {
    include: [
      'vue',
      '@inertiajs/inertia',
      '@inertiajs/inertia-vue3',
      '@inertiajs/progress',
      'axios'
    ]
  }
 }
diff --git a/6a03d885-e92c-4edb-b573-372d27c5bb20.js b/6a03d885-e92c-4edb-b573-372d27c5bb20.js
 const { resolve } = require('path');

 // ...

 build: {
  outDir: resolve(__dirname, 'public/dist'),
  emptyOutDir: true,
  manifest: true,
  target: 'es2018',
  rollupOptions: {
    input: '/js/app.js'
  }
 },
diff --git a/6e2188a4-0238-4956-a826-d7f8811892fe.html b/6e2188a4-0238-4956-a826-d7f8811892fe.html
 // app.blade.php

 <head>
 	// ... rest of head contents here
 	@vite
 </head>
diff --git a/765d7f54-7c7c-4208-8443-fe0be679b047.sh b/765d7f54-7c7c-4208-8443-fe0be679b047.sh
 npm uninstall laravel-mix
 rm webpack.mix.js
 rm webpack.config.js
diff --git a/7ca74695-c58b-4ef0-ba82-2cd6d2af3137.js b/7ca74695-c58b-4ef0-ba82-2cd6d2af3137.js
 // ...

 base: `${ASSET_URL}/dist/`,
diff --git a/80a2f374-128d-493a-bde7-4a968c9a6ea6.js b/80a2f374-128d-493a-bde7-4a968c9a6ea6.js
 // Add the polyfill for dynamic imports to the top of your entry .js file

 import 'vite/dynamic-import-polyfill';

 // Change how dynamic pages are loaded

 const pages = import.meta.glob('./Pages/**/*.vue');

 // Update the `resolveComponent` logic

 resolveComponent: name => {
  const importPage = pages[`./Pages/${name}.vue`];

  if (!importPage) {
    throw new Error(`Unknown page ${name}. Is it located under Pages with a .vue extension?`);
  }

  return importPage().then(module => module.default);
 }
diff --git a/86054698-53e4-4852-a4f3-eeb28422c434.js b/86054698-53e4-4852-a4f3-eeb28422c434.js
 import vue from '@vitejs/plugin-vue';
 const { resolve } = require('path');
 const Dotenv = require('dotenv');

 Dotenv.config();

 const ASSET_URL = process.env.ASSET_URL || '';

 export default {
  plugins: [
    vue(),
  ],

  root: 'resources',
  base: `${ASSET_URL}/dist/`,

  build: {
    outDir: resolve(__dirname, 'public/dist'),
    emptyOutDir: true,
    manifest: true,
    target: 'es2018',
    rollupOptions: {
      input: '/js/app.js'
    }
  },

  server: {
    strictPort: true,
    port: 3000
  },

  resolve: {
    alias: {
      '@': '/js',
    }
  },

  optimizeDeps: {
    include: [
      'vue',
      '@inertiajs/inertia',
      '@inertiajs/inertia-vue3',
      '@inertiajs/progress',
      'axios'
    ]
  }
 }
diff --git a/8c6d56af-4038-4119-9fab-96a1e7c1c127.js b/8c6d56af-4038-4119-9fab-96a1e7c1c127.js
 resolve: {
  alias: {
    '@': '/js',
  }
 },
diff --git a/a364f16a-d2e5-4939-b9e7-430035b58885.js b/a364f16a-d2e5-4939-b9e7-430035b58885.js
 // postcss.config.js

 module.exports = {
  plugins: [
    require('postcss-import'),
    require('tailwindcss')
  ]
 }
diff --git a/a505f962-4e88-48df-9613-0f3581df3cb3.sh b/a505f962-4e88-48df-9613-0f3581df3cb3.sh
 npm uninstall laravel-mix
diff --git a/b4f70976-be45-4216-938a-b056f234104a.js b/b4f70976-be45-4216-938a-b056f234104a.js
 // ...

 root: 'resources',
diff --git a/c1f24fff-8105-46ec-9df5-2cbde60937ef.js b/c1f24fff-8105-46ec-9df5-2cbde60937ef.js
 // postcss.config.js

 module.exports = {
  plugins: [
    require('postcss-import'),
    require('tailwindcss')
  ]
 }
diff --git a/c8ece082-8cbf-4c6b-ab49-bc1913b91e8b.html b/c8ece082-8cbf-4c6b-ab49-bc1913b91e8b.html
 // app.blade.php

 <head>
 	// ... rest of head contents here
 	@vite
 </head>
diff --git a/d12e1f81-91b0-4593-97ee-05415903833e.js b/d12e1f81-91b0-4593-97ee-05415903833e.js
 import 'vite/dynamic-import-polyfill';

 import { createApp, h } from 'vue';
 import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3';
 import { InertiaProgress } from '@inertiajs/progress';

 import axios from 'axios';
 axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

 import '../css/app.css';

 InertiaProgress.init();

 const app = document.getElementById('app');

 const pages = import.meta.glob('./Pages/**/*.vue');

 createApp({
    render: () =>
        h(InertiaApp, {
            initialPage: JSON.parse(app.dataset.page),
            resolveComponent: name => {
                const importPage = pages[`./Pages/${name}.vue`];
                if (!importPage) {
                    throw new Error(`Unknown page ${name}. Is it located under Pages with a .vue extension?`);
                }
                return importPage().then(module => module.default)
            }
        }),
 })
    .mixin({ methods: { route } })
    .use(InertiaPlugin)
    .mount(app);
diff --git a/d8f94d3b-00c5-4b44-8d3c-8e3c162bdde9.js b/d8f94d3b-00c5-4b44-8d3c-8e3c162bdde9.js
 // Vue 2
 import { createVuePlugin as Vue2Plugin } from 'vite-plugin-vue2';

 export default {
  plugins: [
    Vue2Plugin(),
  ]
 }

 // Vue 3
 import vue from '@vitejs/plugin-vue';

 export default {
  plugins: [
    vue(),
  ]
 }
diff --git a/f08e5c66-a64d-4d99-87fa-7b529043c453.env b/f08e5c66-a64d-4d99-87fa-7b529043c453.env
 // Running locally
 APP_ENV=local
 ASSET_URL=http://localhost:3000

 // Running production build
 APP_ENV=production
 ASSET_URL=https://your-asset-domain.com
diff --git a/f1f1cc27-b667-4ccf-a5dc-bd114681371c.sh b/f1f1cc27-b667-4ccf-a5dc-bd114681371c.sh
 npm install --save-dev vite @vitejs/plugin-vue dotenv @vue/compiler-sfc
diff --git a/fadad0c9-9454-4a28-966a-b989041e0130.sh b/fadad0c9-9454-4a28-966a-b989041e0130.sh
 composer require ohseesoftware/laravel-vite-manifest
diff --git a/fc08433c-9a18-45f0-9ff8-9bdcde138c83.env b/fc08433c-9a18-45f0-9ff8-9bdcde138c83.env
 // Running locally
 APP_ENV=local
 ASSET_URL=http://localhost:3000

 // Running production build
 APP_ENV=production
 ASSET_URL=https://your-asset-domain.com
	// Vue 2
	npm install --save-dev vite vite-plugin-vue2 dotenv @vue/compiler-sfc

	// Vue 3
	npm install --save-dev vite @vitejs/plugin-vue dotenv @vue/compiler-sfc
	optimizeDeps: {
	include: [
	'vue',
	'portal-vue', // Vue 2
	'@inertiajs/inertia',
	'@inertiajs/inertia-vue', // Vue 2
	'@inertiajs/inertia-vue3', // Vue 3
	'@inertiajs/progress',
	'axios'
	]
	}
	// package.json

	"scripts": {
	"start": "vite",
	"production": "vite build"
	},
	import { createVuePlugin as Vue2Plugin } from 'vite-plugin-vue2';
	const { resolve } = require('path');
	const Dotenv = require('dotenv');

	Dotenv.config();

	const ASSET_URL = process.env.ASSET_URL \|\| '';

	export default {
	plugins: [
	Vue2Plugin(),
	],

	root: 'resources',
	base: `${ASSET_URL}/dist/`,

	build: {
	outDir: resolve(__dirname, 'public/dist'),
	emptyOutDir: true,
	manifest: true,
	target: 'es2018',
	rollupOptions: {
	input: '/js/app.js'
	}
	},

	server: {
	strictPort: true,
	port: 3000
	},

	resolve: {
	alias: {
	'@': '/js',
	}
	},

	optimizeDeps: {
	include: [
	'vue',
	'portal-vue',
	'@inertiajs/inertia',
	'@inertiajs/inertia-vue',
	'@inertiajs/progress',
	'axios'
	]
	}
	}
	import vue from '@vitejs/plugin-vue';
	const { resolve } = require('path');
	const Dotenv = require('dotenv');

	Dotenv.config();

	const ASSET_URL = process.env.ASSET_URL \|\| '';

	export default {
	plugins: [
	vue(),
	],

	root: 'resources',
	base: `${ASSET_URL}/dist/`,

	build: {
	outDir: resolve(__dirname, 'public/dist'),
	emptyOutDir: true,
	manifest: true,
	target: 'es2018',
	rollupOptions: {
	input: '/js/app.js'
	}
	},

	server: {
	strictPort: true,
	port: 3000
	},

	resolve: {
	alias: {
	'@': '/js',
	}
	},

	optimizeDeps: {
	include: [
	'vue',
	'@inertiajs/inertia',
	'@inertiajs/inertia-vue3',
	'@inertiajs/progress',
	'axios'
	]
	}
	}
	const { resolve } = require('path');

	// ...

	build: {
	outDir: resolve(__dirname, 'public/dist'),
	emptyOutDir: true,
	manifest: true,
	target: 'es2018',
	rollupOptions: {
	input: '/js/app.js'
	}
	},
	// app.blade.php

	<head>
	// ... rest of head contents here
	@vite
	</head>
	npm uninstall laravel-mix
	rm webpack.mix.js
	rm webpack.config.js
	// Add the polyfill for dynamic imports to the top of your entry .js file

	import 'vite/dynamic-import-polyfill';

	// Change how dynamic pages are loaded

	const pages = import.meta.glob('./Pages/*/.vue');

	// Update the `resolveComponent` logic

	resolveComponent: name => {
	const importPage = pages[`./Pages/${name}.vue`];

	if (!importPage) {
	throw new Error(`Unknown page ${name}. Is it located under Pages with a .vue extension?`);
	}

	return importPage().then(module => module.default);
	}
	// postcss.config.js

	module.exports = {
	plugins: [
	require('postcss-import'),
	require('tailwindcss')
	]
	}