For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}| // Somewhere in the initialization: | |
| import VeeValidate from "vee-validate"; | |
| Vue.use(VeeValidate); | |
| // Then, in the parent component: | |
| export default { | |
| provide () { | |
| return { parentValidator: this.$validator } | |
| }, |
| # Install homebrew, if is not already installed: | |
| /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" | |
| # Update and upgrade homebrew, if needed: | |
| brew update && brew upgrade | |
| # Install XCode (it is a long download, it is an Octave dependency) | |
| # Go to Apple Store and install. | |
| # Install Aquaterm |
| import kotlin.reflect.KMutableProperty1 | |
| inline fun <reified T, Y> MutableList<T>.arrayListOfField(property: KMutableProperty1<T, Y?>): ArrayList<Y> { | |
| val output = ArrayList<Y>() | |
| this.forEach {t: T -> | |
| @Suppress("UNCHECKED_CAST") | |
| output.add(property.get(t) as Y) | |
| } |
| To fix the error: | |
| `xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun` | |
| You can do: | |
| `xcode-select --install` | |
| More info on: | |
| `https://apple.stackexchange.com/questions/254380/macos-mojave-invalid-active-developer-path` |
For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}| /** | |
| * | |
| * @param classNames | |
| * @param className | |
| * @returns {boolean} | |
| */ | |
| export function hasClass(classNames, className) { | |
| return new RegExp(` ${className} `).test(` ${classNames} `) | |
| } |
| # Official documentation: https://nodejs.org/en/download/package-manager/ | |
| # First install npm using the link above (if you don't have it yet). Then: | |
| # sudo is needed for some OSes, if it is not required on yours then you can remove it from the commands. | |
| sudo npm install npm@latest -g | |
| #Important! The option -f is used to force clean the npm cache. Take care about it. Anyway, I usually do this when I would like to install the latest NodeJS. | |
| sudo npm cache clean -f | |
| sudo npm install -g n | |
| sudo n stable |
| # Official rvm documentation: https://rvm.io/ | |
| gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 | |
| \curl -sSL https://get.rvm.io | bash | |
| rvm install ruby --latest | |
| gem install rails |
| /// jQuery-style extend function | |
| /// About `map-merge()`: | |
| /// * only takes 2 arguments | |
| /// * is not recursive | |
| /// @param {Map} $object - first map | |
| /// @param {ArgList} $objects - other maps | |
| /// @param {Bool} $deep - recursive mode | |
| /// @return {Map} | |
| @function extend($object, $objects.../*, $deep */) { | |
| $last: nth($objects, -1); |
| /// https://css-tricks.com/snippets/sass/deep-getset-maps/ | |
| /// Map deep get | |
| /// @author Hugo Giraudel | |
| /// @access public | |
| /// @param {Map} $map - Map | |
| /// @param {Arglist} $keys - Key chain | |
| /// @return {*} - Desired value | |
| @function map-deep-get($map, $keys...) { | |
| @each $key in $keys { | |
| $map: map-get($map, $key); |