Include CSS in Svelte JS bundle

Author: jimjam-slam

_extensions/sverto/rollup.config.js

@@ -2,7 +2,6 @@ import svelte from 'rollup-plugin-svelte';
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import { terser } from 'rollup-plugin-terser';
-import css from 'rollup-plugin-css-only';
 
 const fs = require('fs');
 const path = require('node:path');
@@ -40,17 +39,14 @@ export default uniqueSvelteFiles.map(
 		},
 		plugins: [
 			svelte({
+				// css is added to the js bundle instead
+				emitCss: false,
 				compilerOptions: {
+					// required for ojs reactivity
 					accessors: true,
 					dev: !production,
 				}
 			}),
-			css({
-				output: path.join(
-					quartoOutDir,
-					path.dirname(svelteFile),
-					path.basename(svelteFile, ".svelte") + ".css")
-			}),
 			resolve({
 				browser: true,
 				dedupe: ["svelte"]

docs/_extensions/sverto/rollup.config.js

@@ -2,7 +2,6 @@ import svelte from 'rollup-plugin-svelte';
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import { terser } from 'rollup-plugin-terser';
-import css from 'rollup-plugin-css-only';
 
 const fs = require('fs');
 const path = require('node:path');
@@ -40,17 +39,14 @@ export default uniqueSvelteFiles.map(
 		},
 		plugins: [
 			svelte({
+				// css is added to the js bundle instead
+				emitCss: false,
 				compilerOptions: {
+					// required for ojs reactivity
 					accessors: true,
 					dev: !production,
 				}
 			}),
-			css({
-				output: path.join(
-					quartoOutDir,
-					path.dirname(svelteFile),
-					path.basename(svelteFile, ".svelte") + ".css")
-			}),
 			resolve({
 				browser: true,
 				dedupe: ["svelte"]

docs/package-lock.json

@@ -11,7 +11,6 @@
     "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-node-resolve": "^11.0.0",
     "rollup": "^2.3.4",
-    "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-svelte": "^7.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0"

docs/package.json

@@ -11,7 +11,6 @@
     "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-node-resolve": "^11.0.0",
     "rollup": "^2.3.4",
-    "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-svelte": "^7.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0"