Chuck eclectic-coding

## sortingAlphabetically.js
computed: {
	sortedArray() {
		let sortedRecipes = this.recipes;

		sortedRecipes = sortedRecipes.sort((a,b) => {
			let fa = a.title.toLowerCase(), fb = b.title.toLowerCase();
			if (fa < fb) {
				return -1
			}
			if (fa > fb) {

## _vue-rails.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eclectic-coding
                / _vue-rails.md
            
            
              Created
              March 10, 2022 22:22
                — forked from przbadu/_vue-rails.md
            
              
                Vue js and Rails integration
              
          
    Setup Rails and Vuejs


Generate new rails app using --webpack flag

rails new myApp --webpack=vue

Note:

You can use --webpack=angular for angular application and --webpack=react for react.


## for-loop-sorted-collection
{% comment %}
*
*  This loop loops through a collection called `collection_name`
*  and sorts it by the front matter variable `date` and than filters
*  the collection with `reverse` in reverse order
*
*  To make it work you first have to assign the data to a new string
*  called `sorted`.
*
{% endcomment %}

## stimulus.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                eclectic-coding
                / stimulus.md
            
            
              Created
              January 2, 2021 20:18
                — forked from mrmartineau/stimulus.md
            
              
                Stimulus cheatsheet
              
          
    Stimulus cheatsheet


Website: https://stimulusjs.org/
GitHub repo: https://github.com/stimulusjs/stimulus
Handbook: https://stimulusjs.org/handbook/introduction
Discourse: https://discourse.stimulusjs.org/

Lifecycle callbacks


initialize: once, when the controller is first instantiated
connect: anytime the controller is connected to the DOM


## wp-dropdown-categories-aria-label.php
<?php
/**
 * If the aria-label argument has been specified in a wp_dropdown_categories() call,
 * output the aria-label option in the <select>
 *
 * @since   1.0.0
 *
 * @param   string  $output     HTML Output
 * @param   array   $arguments  wp_dropdown_category() arguments
 * @return  string              Modified HTML Output

## _flash_messages.html.erb
<% flash.each do |type, message| %>
  <div class="alert <%= bootstrap_class_for(type) %> fade in">
    <button class="close" data-dismiss="alert">×</button>
    <%= message %>
  </div>
<% end %>

## vim-cheats.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eclectic-coding
                / vim-cheats.md
            
            
              Created
              August 2, 2020 14:11
                — forked from Starefossen/vim-cheats.md
            
              
                My vim cheat sheet for working with tabs and window splits.
              
          
    Tabs

New Tab


:tabnew - new blank tab
:tabedit [file] - open file in tab

Cursor Movement


gt (:tabn) - next tab


## promiseCatchWithAwait.js
async function fetchAndUpdatePosts() {
  const posts = await fetchPosts().catch(() => {
    console.log('error in fetching posts');
  });

  if (posts) {
    doSomethingWithPosts(posts);
  }
}

## sticky_footer_using_tailwindcss.html
<!DOCTYPE html>
<html class='h-full'>
  <head>
    <meta charset='UTF-8'>
    <title>Sticky Footer Demo</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
  </head>
  <body class='flex flex-col h-full'>
        <header>
            This is our header

## .railsrc
# .railsrc
-B #Skip Bundle
-T #Skip Test-Unit
-d postgresql #Use postgres
	computed: {
	sortedArray() {
	let sortedRecipes = this.recipes;

	sortedRecipes = sortedRecipes.sort((a,b) => {
	let fa = a.title.toLowerCase(), fb = b.title.toLowerCase();
	if (fa < fb) {
	return -1
	}
	if (fa > fb) {
	{% comment %}
	*
	* This loop loops through a collection called `collection_name`
	* and sorts it by the front matter variable `date` and than filters
	* the collection with `reverse` in reverse order
	*
	* To make it work you first have to assign the data to a new string
	* called `sorted`.
	*
	{% endcomment %}
	<?php
	/**
	* If the aria-label argument has been specified in a wp_dropdown_categories() call,
	* output the aria-label option in the <select>
	*
	* @since 1.0.0
	*
	* @param string $output HTML Output
	* @param array $arguments wp_dropdown_category() arguments
	* @return string Modified HTML Output
	<% flash.each do \|type, message\| %>
	<div class="alert <%= bootstrap_class_for(type) %> fade in">
	<button class="close" data-dismiss="alert">×</button>
	<%= message %>
	</div>
	<% end %>
	async function fetchAndUpdatePosts() {
	const posts = await fetchPosts().catch(() => {
	console.log('error in fetching posts');
	});

	if (posts) {
	doSomethingWithPosts(posts);
	}
	}
	<!DOCTYPE html>
	<html class='h-full'>
	<head>
	<meta charset='UTF-8'>
	<title>Sticky Footer Demo</title>
	<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
	</head>
	<body class='flex flex-col h-full'>
	<header>
	This is our header
	# .railsrc
	-B #Skip Bundle
	-T #Skip Test-Unit
	-d postgresql #Use postgres