https://www.mustlovejapan.com/tags/parts/breadcomb.tag

1// exports <parts-breadcomb>
2<parts-breadcomb>
3  <div class="boxB">
4    <div class="bread">
5      <ol>
6        <li each={combs}><a href={url}>{name}</a></li>
7      </ol>
8    </div>
9    <div style="clear:both"></div>
10    <hr style="margin:1px 0;border:0;">
11  </div>
12
13  <script>
14  var self = this;
15
16  self.on("mount", function(){
17
18    var cur_page_comb = '';
19    if (location.pathname.length <= 5){
20      cur_page_comb = 'home';
21    } else {
22      cur_page_comb = $('title').text();
23      cur_page_comb = cur_page_comb.substring(0, cur_page_comb.indexOf('|')).trim();
24    }
25
26    cur_page_comb = cur_page_comb + '::' + location.pathname;
27
28  	var name_urls = $.cookie('name_urls');
29  	if (name_urls){
30  		var index = name_urls.indexOf(cur_page_comb, 0);
31  		if (index != -1){
32  			name_urls = name_urls.substring(0, index + cur_page_comb.length);
33  		}else{
34  			name_urls += ';' + cur_page_comb;
35  		}
36  	}else{
37  		name_urls = cur_page_comb;
38  	}
39  	var combs = [];
40  	jQuery.each(name_urls.split(';'), function(i, val){
41  		var name = val.split('::')[0];
42  		var url = val.split('::')[1];
43  		combs.push({name:name, url:url});
44  	});
45  	$.cookie('name_urls', name_urls, {path:'/'});

46    self.combs = combs;
47
48    self.update();
49  });
50  </script>
51
52</parts-breadcomb>