wip

package.json

@@ -2,78 +2,37 @@
     "name": "pixelfed",
     "private": true,
     "scripts": {
-		"development": "mix",
+        "dev": "vite",
-		"watch": "mix watch",
+        "build": "vite build",
-		"watch-poll": "mix watch -- --watch-options-poll=1000",
+        "preview": "vite preview",
-		"hot": "mix watch --hot",
+        "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
-		"production": "mix --production"
+        "format": "prettier --write src/"
-	},
-	"devDependencies": {
-		"acorn": "^8.7.1",
-		"axios": "^0.21.1",
-		"bootstrap": "^4.5.2",
-		"cross-env": "^5.2.1",
-		"jquery": "^3.6.0",
-		"laravel-echo": "^1.12.0",
-		"laravel-mix-make-file-hash": "^2.2.0",
-		"lodash": "^4.17.21",
-		"popper.js": "^1.16.1",
-		"pusher-js": "^7.1.1-beta",
-		"resolve-url-loader": "^5.0.0",
-		"sass": "^1.52.1",
-		"sass-loader": "^12.3.0",
-		"vue": "^2.6.14",
-		"vue-loader": "^15.9.8",
-		"vue-masonry-css": "^1.0.3",
-		"vue-router": "^3.5.4",
-		"vue-template-compiler": "^2.6.11",
-		"vuex": "^3.6.2",
-		"vuex-router-sync": "^5.0.0",
-		"webpack": "^5.72.1",
-		"webpack-cli": "^4.9.2"
     },
     "dependencies": {
-		"@fancyapps/fancybox": "^3.5.7",
+        "@popperjs/core": "^2.11.8",
-		"@hcaptcha/vue-hcaptcha": "^1.3.0",
+        "axios": "^1.4.0",
-		"@peertube/p2p-media-loader-core": "^1.0.14",
+        "bootstrap": "^5.3.1",
-		"@peertube/p2p-media-loader-hlsjs": "^1.0.14",
+        "laravel-vite-plugin": "^1.0.1",
-		"@trevoreyre/autocomplete-vue": "^2.2.0",
+        "pinia": "^2.1.4",
-		"@web3-storage/parse-link-header": "^3.1.0",
+        "vue": "^3.3.4",
-		"@zip.js/zip.js": "^2.7.24",
+        "vue-router": "^4.2.4"
-		"animate.css": "^4.1.0",
+    },
-		"bigpicture": "^2.6.2",
+    "devDependencies": {
-		"blurhash": "^1.1.3",
+        "@ionic/vue": "^7.2.2",
-		"bootstrap-vue": "^2.22.0",
+        "@rushstack/eslint-patch": "^1.3.2",
-		"caniuse-lite": "^1.0.30001418",
+        "@vitejs/plugin-vue": "^4.2.3",
-		"chart.js": "^2.7.2",
+        "@vitejs/plugin-vue-jsx": "^3.0.1",
-		"filesize": "^3.6.1",
+        "@vue/eslint-config-prettier": "^8.0.0",
-		"hls.js": "^1.1.5",
+        "eslint": "^8.45.0",
-		"howler": "^2.2.0",
+        "eslint-plugin-vue": "^9.15.1",
-		"infinite-scroll": "^3.0.6",
+        "ionicons": "^7.1.2",
-		"jquery-scroll-lock": "^3.1.3",
+        "prettier": "^3.0.0",
-		"jquery.scrollbar": "^0.2.11",
+        "sass": "^1.64.2",
-		"js-cookie": "^2.2.0",
+        "vite": "^5.0.11"
-		"laravel-mix": "^6.0.43",
-		"plyr": "^3.7.2",
-		"promise-polyfill": "8.1.0",
-		"readmore-js": "^2.2.1",
-		"sweetalert": "^2.1.2",
-		"tributejs": "^5.1.3",
-		"twitter-text": "^2.0.5",
-		"vue-blurhash": "^0.1.4",
-		"vue-carousel": "^0.18.0",
-		"vue-content-loader": "^0.2.3",
-		"vue-cropperjs": "^4.1.0",
-		"vue-i18n": "^8.27.1",
-		"vue-infinite-loading": "^2.4.5",
-		"vue-intersect": "^1.1.6",
-		"vue-loading-overlay": "^3.3.3",
-		"vue-timeago": "^5.1.2",
-		"vue-tribute": "^1.0.7",
-		"zuck.js": "^1.6.0"
     },
     "collective": {
         "type": "opencollective",
         "url": "https://opencollective.com/pixelfed"
-	}
+    },
+    "type": "module"
 }

resources/js/main.js

@@ -0,0 +1,15 @@
+import "./assets/app.scss";
+import * as bootstrap from "bootstrap";
+window.bootstrap = bootstrap;
+import { createApp } from "vue";
+import { createPinia } from "pinia";
+
+import App from "./App.vue";
+import router from "./router";
+
+const app = createApp(App);
+
+app.use(createPinia());
+app.use(router);
+
+app.mount("#app");

vite.config.mjs

@@ -0,0 +1,25 @@
+import { fileURLToPath, URL } from 'node:url'
+import path from 'path'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import laravel from 'laravel-vite-plugin'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    publicDir: "public",
+  plugins: [
+    vue(),
+    vueJsx(),
+    laravel([
+        'resources/js/main.js',
+    ]),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./resources/js', import.meta.url)),
+      '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
+      '~': path.resolve(__dirname, 'resources/js'),
+    }
+  }
+})