Use Laravel Mix & SASS; and D, M, A

- Deleted (D) bud.config.js, tailwind.config.js, theme.json, yarn.lock, editor.css, editor.js, app.css, app.js.
- Modified (M):
	- README
	- functions.php to use an array variable for the required files (in the Register Sage Theme Files section), for easier reading.
	- jsconfig.json to include jQuery type acquisition.
	- package.json to remove Roots Bud and Tailwind CSS packages, and added the required packages for Laravel Mix to function.
	- style.css to change name of the theme, add my links, and various other details.
	- filters.php to add default Lorum Ipsum content to new posts.
	- setup.php to remove Roots Bundle nonsense and add back the Sage 9 enqueue scripts and styles, plus critical css.
- Added (A):
	- The styles directory structure from Sage 9 (common, components, layouts), and various SCSS files.
	- webpack.mix.js to add Laravel Mix settings.
	- admin.php to output a new footer message in the admin.
	- helpers.php to add helper functions like asset_path to get the path of the asset.
	- The config directory from Sage 9, and the assets.php to change the manifest name to mix-manifest (otherwise errors occur) and view.php to add SVG and SVG_ICONS namespaces to the @include directive.
	- main.js without any routes rubbish.
	- Scripts templates directory for the new front-page.js and template-contact.js
	- svg and icons directory in the images directory.
	- main.scss to add back the Sage 9 SCSS module includes.

Author: yCodeTech

README.md

@@ -18,32 +18,57 @@
   </a>
 </p>
 
-<p align="center">Advanced WordPress starter theme with Tailwind CSS and Laravel Blade</p>
+<p align="center">Advanced WordPress starter theme with <del>Tailwind CSS</del> SASS/SCSS and Laravel Blade</p>
+<p align="center">Adapted and edited by <a href="https://github.com/yCodeTech" target="_blank">@yCodeTech</a> for usage with <a href="https://laravel-mix.com/" target="_blank">Laravel Mix</a>.</p>
+
+---
 
 <p align="center">
   <a href="https://roots.io/sage/">Website</a> &nbsp;&nbsp; <a href="https://roots.io/sage/docs/installation/">Documentation</a> &nbsp;&nbsp; <a href="https://github.com/roots/sage/releases">Releases</a> &nbsp;&nbsp; <a href="https://discourse.roots.io/">Community</a>
 </p>
 
-## Sponsors
-
-Sage is an open source project and completely free to use. If you've benefited from our projects and would like to support our future endeavors, please consider [sponsoring Roots](https://github.com/sponsors/roots).
-
-<div align="center">
-<a href="https://k-m.com/"><img src="https://cdn.roots.io/app/uploads/km-digital.svg" alt="KM Digital" width="120" height="90"></a> <a href="https://carrot.com/"><img src="https://cdn.roots.io/app/uploads/carrot.svg" alt="Carrot" width="120" height="90"></a> <a href="https://wordpress.com/"><img src="https://cdn.roots.io/app/uploads/wordpress.svg" alt="WordPress.com" width="120" height="90"></a> <a href="https://pantheon.io/"><img src="https://cdn.roots.io/app/uploads/pantheon.svg" alt="Pantheon" width="120" height="90"></a> <a href="https://worksitesafety.ca/careers/"><img src="https://cdn.roots.io/app/uploads/worksite-safety.svg" alt="Worksite Safety" width="120" height="90"></a> <a href="https://www.copiadigital.com/"><img src="https://cdn.roots.io/app/uploads/copia-digital.svg" alt="Copia Digital" width="120" height="90"></a>  <a href="https://generodigital.com/"><img src="https://cdn.roots.io/app/uploads/genero.svg" alt="Genero" width="120" height="90"></a> <a href="https://40q.agency/"><img src="https://cdn.roots.io/app/uploads/40q.svg" alt="40Q" width="120" height="90"></a>
-</div>
-
 ## Overview
 
 Sage is a WordPress starter theme with block editor support.
 
 - Harness the power of [Laravel](https://laravel.com) and its available packages thanks to [Acorn](https://github.com/roots/acorn)
 - Clean, efficient theme templating utilizing [Laravel Blade](https://laravel.com/docs/master/blade)
-- Modern frontend development workflow powered by [Bud](https://bud.js.org/)
-- Out of the box support for [Tailwind CSS](https://tailwindcss.com/)
+- Modern frontend development workflow powered by ~~[Bud](https://bud.js.org/)~~ [Laravel Mix](https://laravel-mix.com/)
+- Out of the box support for ~~[Tailwind CSS](https://tailwindcss.com/)~~ [SASS](https://sass-lang.com/)
+- Out of the box support for [log1x/sage-directives](https://github.com/log1x/sage-directives)
 
 ## Getting Started
 
-See the [Sage installation documentation](https://roots.io/sage/docs/installation/).
+~~See the [Sage installation documentation](https://roots.io/sage/docs/installation/).~~
+
+This Laravel Mix adaptation of Sage 10 is for Bedrock installs. See the [Bedrock installation documentation](https://roots.io/bedrock/docs/installation/). The instructions below assumes you have knowledge of the Laravel Mix settings, and most other non-documented setting up steps.
+
+1. Once Bedrock is installed, in the root directory, install [roots/acorn](https://github.com/roots/acorn) with `composer require roots/acorn`. Then add the following into the _scripts_ section of the _composer.json_
+
+   ```json
+   "post-autoload-dump": [
+   	"Roots\\Acorn\\ComposerScripts::postAutoloadDump"
+   ]
+   ```
+
+2. In the _themes_ directory either clone this repository or download the zip file and unzip it into the directory.
+
+   - If cloning, you can specify the sage theme directory name in the git command, otherwise it will be the same name as this repo. Example:
+
+     ```bash
+     git clone git@github.com:yCodeTech/sage10-laravelmix.git sage-theme
+     ```
+
+     (Note: the theme name in WP will be _Sage 10 Theme_, unless it's changed in the style.css file.)
+
+3. Do a `composer install` and a `npm install` in the new sage theme directory.
+4. Activate the theme in wp-admin and start coding locally with Laravel Mix.
+
+## Laravel Mix Commands
+
+`npx mix watch` - Compile assets, watches the files for any changes, and start Browsersync session.
+
+`npx mix --production` - Compile assets for production.
 
 ## Stay Connected
 
@@ -52,3 +77,11 @@ See the [Sage installation documentation](https://roots.io/sage/docs/installatio
 - Follow [@rootswp on Twitter](https://twitter.com/rootswp)
 - Read the [Roots Blog](https://roots.io/blog/)
 - Subscribe to the [Roots Newsletter](https://roots.io/newsletter/)
+
+## Sponsors
+
+Sage is an open source project and completely free to use. If you've benefited from our projects and would like to support our future endeavors, please consider [sponsoring Roots](https://github.com/sponsors/roots).
+
+<div align="center">
+<a href="https://k-m.com/"><img src="https://cdn.roots.io/app/uploads/km-digital.svg" alt="KM Digital" width="120" height="90"></a> <a href="https://carrot.com/"><img src="https://cdn.roots.io/app/uploads/carrot.svg" alt="Carrot" width="120" height="90"></a> <a href="https://wordpress.com/"><img src="https://cdn.roots.io/app/uploads/wordpress.svg" alt="WordPress.com" width="120" height="90"></a> <a href="https://pantheon.io/"><img src="https://cdn.roots.io/app/uploads/pantheon.svg" alt="Pantheon" width="120" height="90"></a> <a href="https://worksitesafety.ca/careers/"><img src="https://cdn.roots.io/app/uploads/worksite-safety.svg" alt="Worksite Safety" width="120" height="90"></a> <a href="https://www.copiadigital.com/"><img src="https://cdn.roots.io/app/uploads/copia-digital.svg" alt="Copia Digital" width="120" height="90"></a>  <a href="https://generodigital.com/"><img src="https://cdn.roots.io/app/uploads/genero.svg" alt="Genero" width="120" height="90"></a> <a href="https://40q.agency/"><img src="https://cdn.roots.io/app/uploads/40q.svg" alt="40Q" width="120" height="90"></a>
+</div>

app/Providers/ThemeServiceProvider.php

@@ -6,23 +6,21 @@
 
 class ThemeServiceProvider extends SageServiceProvider
 {
-    /**
-     * Register any application services.
-     *
-     * @return void
-     */
-    public function register()
-    {
-        parent::register();
-    }
+	/**
+	 * Register any application services.
+	 *
+	 * @return void
+	 */
+	public function register() {
+		parent::register();
+	}
 
-    /**
-     * Bootstrap any application services.
-     *
-     * @return void
-     */
-    public function boot()
-    {
-        parent::boot();
-    }
+	/**
+	 * Bootstrap any application services.
+	 *
+	 * @return void
+	 */
+	public function boot() {
+		parent::boot();
+	}
 }

app/admin.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App;
+
+/* Alter admin footer */
+add_filter(
+	'admin_footer_text',
+	function () {
+		echo '<span>Powered by <a href="http://www.wordpress.org" target="_blank">WordPress</a> | Bedrock and Sage 10 theme by <a href="https://roots.io/" target="_blank">Roots</a>, adapted and edited by <a href="https://github.com/yCodeTech" target="_blank">@yCodeTech</a></span> for usage with <a href="https://laravel-mix.com/" target="_blank">Laravel Mix</a>.';
+	}
+);

app/filters.php

@@ -14,3 +14,15 @@
 add_filter('excerpt_more', function () {
     return sprintf(' &hellip; <a href="%s">%s</a>', get_permalink(), __('Continued', 'sage'));
 });
+
+/**
+ * Add default Lorum Ipsum content to new posts.
+ * https://www.wpbeginner.com/wp-tutorials/how-to-add-default-content-in-your-wordpress-post-editor/
+ */
+add_filter('default_content', function ($content) {
+	$content = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis arcu odio, et facilisis nibh venenatis ut. Vestibulum viverra lacus vitae lacus gravida laoreet ac at purus.
+	
+	Maecenas arcu odio, suscipit id posuere vel, consequat eu orci. Nullam dictum placerat dolor, eu eleifend lacus ullamcorper ut.";
+	
+	return $content;
+});

app/helpers.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App;
+
+/**
+ * @param $asset
+ * @return string
+ */
+function asset_path($asset) {
+	return asset($asset)->uri();
+}