Remove all references to Vue

frontend/.eslintrc.js

@@ -1,4 +1,4 @@
-const webpackConfigPath = require.resolve("@vue/cli-service/webpack.config.js");
+const webpackConfigPath = require.resolve("@webpack/webpack.config.js");
 
 module.exports = {
 	root: true,
@@ -11,14 +11,6 @@ module.exports = {
 		ecmaVersion: 2020,
 	},
 	extends: [
-		// Vue-specific defaults
-		"plugin:vue/vue3-essential",
-		// Vue-compatible JS defaults
-		"@vue/airbnb",
-		// Vue-compatible TS defaults
-		"@vue/typescript/recommended",
-		// Vue-compatible Prettier defaults
-		"plugin:prettier-vue/recommended",
 		// General Prettier defaults
 		"prettier",
 	],
@@ -29,16 +21,6 @@ module.exports = {
 			node: {},
 			webpack: { config: webpackConfigPath },
 		},
-
-		// https://github.com/meteorlxy/eslint-plugin-prettier-vue
-		"prettier-vue": {
-			// Use Prettier to format the HTML, CSS, and JS blocks of .vue single-file components
-			SFCBlocks: {
-				template: true,
-				style: true,
-				script: true,
-			},
-		},
 	},
 	ignorePatterns: [
 		// Ignore generated directories
@@ -102,25 +84,6 @@ module.exports = {
 				],
 			},
 		],
-
-		// Prettier plugin config (used to enforce HTML, CSS, and JS formatting styles as an ESLint plugin, where fixes are reported to ESLint to be applied when linting)
-		"prettier-vue/prettier": [
-			"error",
-			{
-				tabWidth: 4,
-				tabs: true,
-				printWidth: 200,
-				singleQuote: false,
-			},
-		],
-
-		// Vue plugin config (used to validate Vue single-file components)
-		"vue/multi-word-component-names": "off",
-
-		// Vue Accessibility plugin config (included by airbnb defaults but undesirable for a web app project)
-		"vuejs-accessibility/form-control-has-label": "off",
-		"vuejs-accessibility/label-has-for": "off",
-		"vuejs-accessibility/click-events-have-key-events": "off",
 	},
 	overrides: [
 		{

frontend/package.json

@@ -6,7 +6,7 @@
 	"scripts": {
 		"start": "npm run serve",
 		"serve": "webpack serve || (npm run print-building-help && exit 1)",
-		"build-dev": "webpack build || (npm run print-building-help && exit 1)",
+		"build": "webpack build || (npm run print-building-help && exit 1)",
 		"build-prod-unix": "NODE_ENV=production webpack build || (npm run print-building-help && exit 1)",
 		"build-prod-windows": "set NODE_ENV=production && webpack build || (npm run print-building-help && exit 1)",
 		"check": "svelte-check",

frontend/src-tauri/tauri.conf.json

@@ -3,11 +3,11 @@
 	"build": {
 		"beforeBuildCommand": "npm run build",
 		"beforeDevCommand": "npm start",
-		"distDir": "../dist",
+		"distDir": "../public",
 		"devPath": "http://127.0.0.1:8080"
 	},
 	"package": {
-		"productName": "graphite-tauri",
+		"productName": "Graphite",
 		"version": "0.1.0"
 	},
 	"tauri": {
@@ -22,13 +22,7 @@
 				"depends": ["librustc_codegen_spirv"]
 			},
 			"externalBin": [],
-			"icon": [
-				"icons/32x32.png",
-				"icons/128x128.png",
-				"icons/128x128@2x.png",
-				"icons/icon.icns",
-				"icons/icon.ico"
-			],
+			"icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"],
 			"identifier": "rs.graphite.editor",
 			"longDescription": "",
 			"macOS": {

frontend/src/components/README.md

@@ -1,4 +1,4 @@
-# Overview of `/frontend-svelte/src/components/`
+# Overview of `/frontend/src/components/`
 
 Each component represents a (usually reusable) part of the Graphite Editor GUI. These all get mounted in `Editor.svelte` (in the `/src` directory above this one).
 
@@ -22,9 +22,9 @@ The interactive input items used to display information and provide user control
 
 The building blocks for the Title Bar, Workspace, and Status Bar within an editor application window.
 
-# Vue tips and tricks
+# Svelte tips and tricks
 
-This section contains a growing list of quick reference information for helpful Vue solutions and best practices. Feel free to add to this to help contributors learn things, or yourself remember tricks you'll likely forget in a few months.
+This section contains a growing list of quick reference information for helpful Svelte solutions and best practices. Feel free to add to this to help contributors learn things, or yourself remember tricks you'll likely forget in a few months.
 
 ## Bi-directional props
 

frontend/wasm/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "graphite-wasm-svelte"
+name = "graphite-wasm"
 publish = false
 version = "0.0.0"
 rust-version = "1.66.0"

frontend/webpack.config.ts

@@ -41,7 +41,9 @@ const config: webpack.Configuration = {
 							// Dev mode must be enabled for HMR to work!
 							dev: mode === "development"
 						},
-						emitCss: mode === "production",
+						// TODO: Reenable in prod, see: https://github.com/sveltejs/rollup-plugin-svelte#extracting-css
+						// emitCss: mode === "production",
+						emitCss: false,
 						hotReload: mode === "development",
 						hotOptions: {
 							// List of options and defaults: https://www.npmjs.com/package/svelte-loader-hot#usage