Влад Токарев

// Создаем связь, можно методом в модели, можно на лету, как в примере
Category::resolveRelationUsing('categoryForRating', fn($q) => $orderModel->belongsTo(Category::class, 'id', 'id'));
Category::
	withCount('categoryForRating as rating')
	->get(['name', 'id', 'rating_count as rating']);

import { createApp } from 'vue';

createApp({
  components: {
    // Список компонентов, которые могут использоваться в шаблоне 
  },
})
  .use(store)
  .mount('#app');

const buildConfig = {
  // Может быть что-то выше
  configureWebpack: {
    resolve: {
      alias: {
        vue$: 'vue/dist/vue.esm-bundler.js',
      },
    },
  },
  // Может еще что-то
};

module.exports = buildConfig;

<input
         type="checkbox"
         v-model="filters"
         :value='{filterId: 5, value: "someValue"}'
  >

require ( 'sweet-modal/dist/min/jquery.sweet-modal.min.js' );

const windowMixin = {
  methods: {
    getWindow() {
        return window;
    }
  }
}

new Vue({
  mixins: [windowMixin],
  // Прочий код
})

<h1>{{ JinjaVariable }}</h1>
{% raw %}
    <div>
        {{ VueJsVariable }}
    </div>
{% endraw %}

gsettings set org.gnome.settings-daemon.plugins.orientation active false

<div id="instafeed">	
	<a href="https://www.instagram.com/p/BSatZ5vlseZ/">
		<div style="background-image: url('//scontent.cdninstagram.com/t51.2885-15/h320/e35/17494632_706228799557215_3777011797928706048_n.jpg"></div>
	</a>
</div>

#instafeed a>div {
    background-size: cover;
    height: 100%;
}